#2f5dd4 hex color

In a RGB color space, hex #2f5dd4 is composed of 18.4% red, 36.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 56.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 223.3 degrees, a saturation of 65.7% and a lightness of 50.8%. #2f5dd4 color hex could be obtained by blending #5ebaff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 36
- B 83
RGB color chart
- C 78
- M 56
- Y 0
- K 17
CMYK color chart

● #2f5dd4 color description : Strong blue.

The hexadecimal color #2f5dd4 has RGB values of R:47, G:93, B:212 and CMYK values of C:0.78, M:0.56, Y:0, K:0.17. Its decimal value is 3104212.

Hex triplet	2f5dd4	`#2f5dd4`
RGB Decimal	47, 93, 212	`rgb(47,93,212)`
RGB Percent	18.4, 36.5, 83.1	`rgb(18.4%,36.5%,83.1%)`
CMYK	78, 56, 0, 17
HSL	223.3°, 65.7, 50.8	`hsl(223.3,65.7%,50.8%)`
HSV (or HSB)	223.3°, 77.8, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.041, 27.047, -65.682
XYZ	16.968, 13.185, 63.935
xyY	0.18, 0.14, 13.185
CIE-LCH	43.041, 71.033, 292.382
CIE-LUV	43.041, -17.287, -98.729
Hunter-Lab	36.312, 19.865, -78.975
Binary	00101111, 01011101, 11010100

#2f5dd4
```
#2f5dd4 rgb(47,93,212)
```
#d4a62f
```
#d4a62f rgb(212,166,47)
```

Complementary Color

#2fb0d4
```
#2fb0d4 rgb(47,176,212)
```
#2f5dd4
```
#2f5dd4 rgb(47,93,212)
```
#542fd4
```
#542fd4 rgb(84,47,212)
```

Analogous Color

#b0d42f
```
#b0d42f rgb(176,212,47)
```
#2f5dd4
```
#2f5dd4 rgb(47,93,212)
```
#d4542f
```
#d4542f rgb(212,84,47)
```

Split Complementary Color

#5dd42f
```
#5dd42f rgb(93,212,47)
```
#2f5dd4
```
#2f5dd4 rgb(47,93,212)
```
#d42f5d
```
#d42f5d rgb(212,47,93)
```

Triadic Color

#2fd4a6
```
#2fd4a6 rgb(47,212,166)
```
#2f5dd4
```
#2f5dd4 rgb(47,93,212)
```
#d42f5d
```
#d42f5d rgb(212,47,93)
```
#d4a62f
```
#d4a62f rgb(212,166,47)
```

Tetradic Color

#1f4197
```
#1f4197 rgb(31,65,151)
```
#244aac
```
#244aac rgb(36,74,172)
```
#2853c1
```
#2853c1 rgb(40,83,193)
```
#2f5dd4
```
#2f5dd4 rgb(47,93,212)
```
#446dd8
```
#446dd8 rgb(68,109,216)
```
#597edd
```
#597edd rgb(89,126,221)
```
#6e8ee1
```
#6e8ee1 rgb(110,142,225)
```

Monochromatic Color

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

#2f86d4
```
#2f86d4 rgb(47,134,212)
```
#2f79d4
```
#2f79d4 rgb(47,121,212)
```
#2f6bd4
```
#2f6bd4 rgb(47,107,212)
```
#2f5dd4
```
#2f5dd4 rgb(47,93,212)
```
#2f4fd4
```
#2f4fd4 rgb(47,79,212)
```
#2f42d4
```
#2f42d4 rgb(47,66,212)
```
#2f34d4
```
#2f34d4 rgb(47,52,212)
```

Similar Colors

Text with hexadecimal color #2f5dd4

This text has a font color of #2f5dd4.

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

#2f5dd4 background color

This paragraph has a background color of #2f5dd4.

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

#2f5dd4 border color

This element has a border color of #2f5dd4.

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

CSS codes

.text {color:#2f5dd4;}

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

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

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, #010103 is the darkest color, while #f2f5fc is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#040814
```
#040814 rgb(4,8,20)
```
#070f24
```
#070f24 rgb(7,15,36)
```
#0b1634
```
#0b1634 rgb(11,22,52)
```
#0e1d44
```
#0e1d44 rgb(14,29,68)
```
#112455
```
#112455 rgb(17,36,85)
```
#152b65
```
#152b65 rgb(21,43,101)
```
#183275
```
#183275 rgb(24,50,117)
```
#1c3985
```
#1c3985 rgb(28,57,133)
```
#1f4096
```
#1f4096 rgb(31,64,150)
```
#2247a6
```
#2247a6 rgb(34,71,166)
```
#264eb6
```
#264eb6 rgb(38,78,182)
```
#2955c6
```
#2955c6 rgb(41,85,198)
```

Shade Color Variation

#2f5dd4
```
#2f5dd4 rgb(47,93,212)
```
#3f6ad7
```
#3f6ad7 rgb(63,106,215)
```
#5076db
```
#5076db rgb(80,118,219)
```
#6083de
```
#6083de rgb(96,131,222)
```
#7090e1
```
#7090e1 rgb(112,144,225)
```
#809ce5
```
#809ce5 rgb(128,156,229)
```
#91a9e8
```
#91a9e8 rgb(145,169,232)
```
#a1b6ec
```
#a1b6ec rgb(161,182,236)
```
#b1c2ef
```
#b1c2ef rgb(177,194,239)
```
#c1cff2
```
#c1cff2 rgb(193,207,242)
```
#d2dcf6
```
#d2dcf6 rgb(210,220,246)
```
#e2e8f9
```
#e2e8f9 rgb(226,232,249)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7f87 is the less saturated color, while #084cfb is the most saturated one.

#7c7f87
```
#7c7f87 rgb(124,127,135)
```
#737b90
```
#737b90 rgb(115,123,144)
```
#69779a
```
#69779a rgb(105,119,154)
```
#5f72a4
```
#5f72a4 rgb(95,114,164)
```
#566ead
```
#566ead rgb(86,110,173)
```
#4c6ab7
```
#4c6ab7 rgb(76,106,183)
```
#4266c1
```
#4266c1 rgb(66,102,193)
```
#3961ca
```
#3961ca rgb(57,97,202)
```
#2f5dd4
```
#2f5dd4 rgb(47,93,212)
```
#2559de
```
#2559de rgb(37,89,222)
```
#1c54e7
```
#1c54e7 rgb(28,84,231)
```
#1250f1
```
#1250f1 rgb(18,80,241)
```
#084cfb
```
#084cfb rgb(8,76,251)
```

Tone Color Variation

Below, you can see how #2f5dd4 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

#5d5d5d Achromatopsia 0.005% of the population
#545d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b6 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1165d1 Protanomaly 1% of men, 0.01% of women
#1169c1 Deuteranomaly 6% of men, 0.4% of women
#116e9e Tritanomaly 0.01% of the population

#2f5dd4 hex color

#2f5dd4 Color Information

#2f5dd4 Color Conversion

Color Schemes with #2f5dd4

Alternatives to #2f5dd4

#2f5dd4 Preview

Shades and Tints of #2f5dd4

Tones of #2f5dd4

Color Blindness Simulator