#2f8ecd hex color

In a RGB color space, hex #2f8ecd is composed of 18.4% red, 55.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 30.7% magenta, 0% yellow and 19.6% black. It has a hue angle of 203.9 degrees, a saturation of 62.7% and a lightness of 49.4%. #2f8ecd color hex could be obtained by blending #5effff with #001d9b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 56
- B 80
RGB color chart
- C 77
- M 31
- Y 0
- K 20
CMYK color chart

● #2f8ecd color description : Strong blue.

The hexadecimal color #2f8ecd has RGB values of R:47, G:142, B:205 and CMYK values of C:0.77, M:0.31, Y:0, K:0.2. Its decimal value is 3116749.

Hex triplet	2f8ecd	`#2f8ecd`
RGB Decimal	47, 142, 205	`rgb(47,142,205)`
RGB Percent	18.4, 55.7, 80.4	`rgb(18.4%,55.7%,80.4%)`
CMYK	77, 31, 0, 20
HSL	203.9°, 62.7, 49.4	`hsl(203.9,62.7%,49.4%)`
HSV (or HSB)	203.9°, 77.1, 80.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.443, -5.901, -40.246
XYZ	21.862, 24.356, 61.303
xyY	0.203, 0.227, 24.356
CIE-LCH	56.443, 40.676, 261.658
CIE-LUV	56.443, -32.815, -62.013
Hunter-Lab	49.352, -7.294, -39.101
Binary	00101111, 10001110, 11001101

#2f8ecd
```
#2f8ecd rgb(47,142,205)
```
#cd6e2f
```
#cd6e2f rgb(205,110,47)
```

Complementary Color

#2fcdbd
```
#2fcdbd rgb(47,205,189)
```
#2f8ecd
```
#2f8ecd rgb(47,142,205)
```
#2f3fcd
```
#2f3fcd rgb(47,63,205)
```

Analogous Color

#cdbd2f
```
#cdbd2f rgb(205,189,47)
```
#2f8ecd
```
#2f8ecd rgb(47,142,205)
```
#cd2f3f
```
#cd2f3f rgb(205,47,63)
```

Split Complementary Color

#8ecd2f
```
#8ecd2f rgb(142,205,47)
```
#2f8ecd
```
#2f8ecd rgb(47,142,205)
```
#cd2f8e
```
#cd2f8e rgb(205,47,142)
```

Triadic Color

#2fcd6e
```
#2fcd6e rgb(47,205,110)
```
#2f8ecd
```
#2f8ecd rgb(47,142,205)
```
#cd2f8e
```
#cd2f8e rgb(205,47,142)
```
#cd6e2f
```
#cd6e2f rgb(205,110,47)
```

Tetradic Color

#21638f
```
#21638f rgb(33,99,143)
```
#2571a4
```
#2571a4 rgb(37,113,164)
```
#2a80b8
```
#2a80b8 rgb(42,128,184)
```
#2f8ecd
```
#2f8ecd rgb(47,142,205)
```
#429ad4
```
#429ad4 rgb(66,154,212)
```
#57a5d8
```
#57a5d8 rgb(87,165,216)
```
#6bb0dd
```
#6bb0dd rgb(107,176,221)
```

Monochromatic Color

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

#2fb6cd
```
#2fb6cd rgb(47,182,205)
```
#2fa8cd
```
#2fa8cd rgb(47,168,205)
```
#2f9bcd
```
#2f9bcd rgb(47,155,205)
```
#2f8ecd
```
#2f8ecd rgb(47,142,205)
```
#2f81cd
```
#2f81cd rgb(47,129,205)
```
#2f74cd
```
#2f74cd rgb(47,116,205)
```
#2f67cd
```
#2f67cd rgb(47,103,205)
```

Similar Colors

Text with hexadecimal color #2f8ecd

This text has a font color of #2f8ecd.

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

#2f8ecd background color

This paragraph has a background color of #2f8ecd.

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

#2f8ecd border color

This element has a border color of #2f8ecd.

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

CSS codes

.text {color:#2f8ecd;}

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

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

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, #03090e is the darkest color, while #fdfefe is the lightest one.

#03090e
```
#03090e rgb(3,9,14)
```
#07141d
```
#07141d rgb(7,20,29)
```
#0a1f2d
```
#0a1f2d rgb(10,31,45)
```
#0e2b3d
```
#0e2b3d rgb(14,43,61)
```
#12364d
```
#12364d rgb(18,54,77)
```
#15415d
```
#15415d rgb(21,65,93)
```
#194c6d
```
#194c6d rgb(25,76,109)
```
#1d577d
```
#1d577d rgb(29,87,125)
```
#20628d
```
#20628d rgb(32,98,141)
```
#246d9d
```
#246d9d rgb(36,109,157)
```
#2878ad
```
#2878ad rgb(40,120,173)
```
#2b83bd
```
#2b83bd rgb(43,131,189)
```
#2f8ecd
```
#2f8ecd rgb(47,142,205)
```

Shade Color Variation

#3d97d3
```
#3d97d3 rgb(61,151,211)
```
#4da0d6
```
#4da0d6 rgb(77,160,214)
```
#5da8da
```
#5da8da rgb(93,168,218)
```
#6db1de
```
#6db1de rgb(109,177,222)
```
#7db9e1
```
#7db9e1 rgb(125,185,225)
```
#8dc2e5
```
#8dc2e5 rgb(141,194,229)
```
#9dcae8
```
#9dcae8 rgb(157,202,232)
```
#add3ec
```
#add3ec rgb(173,211,236)
```
#bddbf0
```
#bddbf0 rgb(189,219,240)
```
#cde4f3
```
#cde4f3 rgb(205,228,243)
```
#ddedf7
```
#ddedf7 rgb(221,237,247)
```
#edf5fb
```
#edf5fb rgb(237,245,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#7d7e7f
```
#7d7e7f rgb(125,126,127)
```
#738089
```
#738089 rgb(115,128,137)
```
#698293
```
#698293 rgb(105,130,147)
```
#5f849d
```
#5f849d rgb(95,132,157)
```
#5686a6
```
#5686a6 rgb(86,134,166)
```
#4c88b0
```
#4c88b0 rgb(76,136,176)
```
#428aba
```
#428aba rgb(66,138,186)
```
#398cc3
```
#398cc3 rgb(57,140,195)
```
#2f8ecd
```
#2f8ecd rgb(47,142,205)
```
#2590d7
```
#2590d7 rgb(37,144,215)
```
#1c92e0
```
#1c92e0 rgb(28,146,224)
```
#1294ea
```
#1294ea rgb(18,148,234)
```
#0896f4
```
#0896f4 rgb(8,150,244)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a7d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#778bc9 Protanopia 1% of men
#678dd2 Deuteranopia 1% of men
#009ba6 Tritanopia 0.001% of the population

Trichromacy

#5d8cca Protanomaly 1% of men, 0.01% of women
#528dd0 Deuteranomaly 6% of men, 0.4% of women
#1196b4 Tritanomaly 0.01% of the population

#2f8ecd hex color

#2f8ecd Color Information

#2f8ecd Color Conversion

Color Schemes with #2f8ecd

Alternatives to #2f8ecd

#2f8ecd Preview

Shades and Tints of #2f8ecd

Tones of #2f8ecd

Color Blindness Simulator