colorhexa.com

#2d7bf4 hex color

In a RGB color space, hex #2d7bf4 is composed of 17.6% red, 48.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 49.6% magenta, 0% yellow and 4.3% black. It has a hue angle of 216.5 degrees, a saturation of 90% and a lightness of 56.7%. #2d7bf4 color hex could be obtained by blending #5af6ff with #0000e9. Closest websafe color is: #3366ff.

- R 18
- G 48
- B 96
RGB color chart
- C 82
- M 50
- Y 0
- K 4
CMYK color chart

● #2d7bf4 color description : Bright blue.

The hexadecimal color #2d7bf4 has RGB values of R:45, G:123, B:244 and CMYK values of C:0.82, M:0.5, Y:0, K:0.04. Its decimal value is 2980852.

Hex triplet	2d7bf4	`#2d7bf4`
RGB Decimal	45, 123, 244	`rgb(45,123,244)`
RGB Percent	17.6, 48.2, 95.7	`rgb(17.6%,48.2%,95.7%)`
CMYK	82, 50, 0, 4
HSL	216.5°, 90, 56.7	`hsl(216.5,90%,56.7%)`
HSV (or HSB)	216.5°, 81.6, 95.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.226, 19.782, -67.219
XYZ	24.491, 21.253, 88.395
xyY	0.183, 0.158, 21.253
CIE-LCH	53.226, 70.07, 286.398
CIE-LUV	53.226, -25.493, -106.541
Hunter-Lab	46.101, 14.148, -81.411
Binary	00101101, 01111011, 11110100

#2d7bf4
```
#2d7bf4 rgb(45,123,244)
```
#f4a62d
```
#f4a62d rgb(244,166,45)
```

Complementary Color

#2ddff4
```
#2ddff4 rgb(45,223,244)
```
#2d7bf4
```
#2d7bf4 rgb(45,123,244)
```
#432df4
```
#432df4 rgb(67,45,244)
```

Analogous Color

#dff42d
```
#dff42d rgb(223,244,45)
```
#2d7bf4
```
#2d7bf4 rgb(45,123,244)
```
#f4422d
```
#f4422d rgb(244,66,45)
```

Split Complementary Color

#7bf42d
```
#7bf42d rgb(123,244,45)
```
#2d7bf4
```
#2d7bf4 rgb(45,123,244)
```
#f42d7b
```
#f42d7b rgb(244,45,123)
```

Triadic Color

#2df4a6
```
#2df4a6 rgb(45,244,166)
```
#2d7bf4
```
#2d7bf4 rgb(45,123,244)
```
#f42d7b
```
#f42d7b rgb(244,45,123)
```
#f4a62d
```
#f4a62d rgb(244,166,45)
```

Tetradic Color

#0b56ca
```
#0b56ca rgb(11,86,202)
```
#0c60e2
```
#0c60e2 rgb(12,96,226)
```
#156cf3
```
#156cf3 rgb(21,108,243)
```
#2d7bf4
```
#2d7bf4 rgb(45,123,244)
```
#458af5
```
#458af5 rgb(69,138,245)
```
#5d99f7
```
#5d99f7 rgb(93,153,247)
```
#76a9f8
```
#76a9f8 rgb(118,169,248)
```

Monochromatic Color

Below, you can see some colors close to #2d7bf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2dadf4
```
#2dadf4 rgb(45,173,244)
```
#2d9cf4
```
#2d9cf4 rgb(45,156,244)
```
#2d8cf4
```
#2d8cf4 rgb(45,140,244)
```
#2d7bf4
```
#2d7bf4 rgb(45,123,244)
```
#2d6af4
```
#2d6af4 rgb(45,106,244)
```
#2d5af4
```
#2d5af4 rgb(45,90,244)
```
#2d49f4
```
#2d49f4 rgb(45,73,244)
```

Similar Colors

Text with hexadecimal color #2d7bf4

This text has a font color of #2d7bf4.

<span style="color:#2d7bf4;">Text here</span>

#2d7bf4 background color

This paragraph has a background color of #2d7bf4.

<p style="background-color:#2d7bf4;">Content here</p>

#2d7bf4 border color

This element has a border color of #2d7bf4.

<div style="border:1px solid #2d7bf4;">Content here</div>

CSS codes

.text {color:#2d7bf4;}

.background {background-color:#2d7bf4;}

.border {border:1px solid #2d7bf4;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #01060e is the darkest color, while #fafcff is the lightest one.

#01060e
```
#01060e rgb(1,6,14)
```
#020e20
```
#020e20 rgb(2,14,32)
```
#031633
```
#031633 rgb(3,22,51)
```
#041d46
```
#041d46 rgb(4,29,70)
```
#052558
```
#052558 rgb(5,37,88)
```
#062d6b
```
#062d6b rgb(6,45,107)
```
#07357e
```
#07357e rgb(7,53,126)
```
#083d90
```
#083d90 rgb(8,61,144)
```
#0945a3
```
#0945a3 rgb(9,69,163)
```
#0a4db5
```
#0a4db5 rgb(10,77,181)
```
#0a55c8
```
#0a55c8 rgb(10,85,200)
```
#0b5ddb
```
#0b5ddb rgb(11,93,219)
```
#0c65ed
```
#0c65ed rgb(12,101,237)
```

Shade Color Variation

#1a6ff3
```
#1a6ff3 rgb(26,111,243)
```
#2d7bf4
```
#2d7bf4 rgb(45,123,244)
```
#4087f5
```
#4087f5 rgb(64,135,245)
```
#5292f6
```
#5292f6 rgb(82,146,246)
```
#659ef7
```
#659ef7 rgb(101,158,247)
```
#78aaf8
```
#78aaf8 rgb(120,170,248)
```
#8ab6f9
```
#8ab6f9 rgb(138,182,249)
```
#9dc1fa
```
#9dc1fa rgb(157,193,250)
```
#afcdfb
```
#afcdfb rgb(175,205,251)
```
#c2d9fc
```
#c2d9fc rgb(194,217,252)
```
#d5e4fd
```
#d5e4fd rgb(213,228,253)
```
#e7f0fe
```
#e7f0fe rgb(231,240,254)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8f97 is the less saturated color, while #2579fd is the most saturated one.

#8b8f97
```
#8b8f97 rgb(139,143,151)
```
#828d9f
```
#828d9f rgb(130,141,159)
```
#7a8ca8
```
#7a8ca8 rgb(122,140,168)
```
#718ab0
```
#718ab0 rgb(113,138,176)
```
#6988b9
```
#6988b9 rgb(105,136,185)
```
#6086c1
```
#6086c1 rgb(96,134,193)
```
#5884ca
```
#5884ca rgb(88,132,202)
```
#4f82d2
```
#4f82d2 rgb(79,130,210)
```
#4781db
```
#4781db rgb(71,129,219)
```
#3e7fe3
```
#3e7fe3 rgb(62,127,227)
```
#367dec
```
#367dec rgb(54,125,236)
```
#2d7bf4
```
#2d7bf4 rgb(45,123,244)
```
#2579fd
```
#2579fd rgb(37,121,253)
```

Tone Color Variation

Below, you can see how #2d7bf4 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#717171 Achromatopsia 0.005% of the population
#63738b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3781f4 Protanopia 1% of men
#0088e0 Deuteranopia 1% of men
#00929b Tritanopia 0.001% of the population

Trichromacy

#337ff4 Protanomaly 1% of men, 0.01% of women
#1083e7 Deuteranomaly 6% of men, 0.4% of women
#108abb Tritanomaly 0.01% of the population