#2f8eaa hex color

In a RGB color space, hex #2f8eaa is composed of 18.4% red, 55.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 16.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 193.7 degrees, a saturation of 56.7% and a lightness of 42.5%. #2f8eaa color hex could be obtained by blending #5effff with #001d55. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 56
- B 67
RGB color chart
- C 72
- M 16
- Y 0
- K 33
CMYK color chart

● #2f8eaa color description : Dark cyan.

The hexadecimal color #2f8eaa has RGB values of R:47, G:142, B:170 and CMYK values of C:0.72, M:0.16, Y:0, K:0.33. Its decimal value is 3116714.

Hex triplet	2f8eaa	`#2f8eaa`
RGB Decimal	47, 142, 170	`rgb(47,142,170)`
RGB Percent	18.4, 55.7, 66.7	`rgb(18.4%,55.7%,66.7%)`
CMYK	72, 16, 0, 33
HSL	193.7°, 56.7, 42.5	`hsl(193.7,56.7%,42.5%)`
HSV (or HSB)	193.7°, 72.4, 66.7
Web Safe	339999	`#339999`

CIE-LAB	54.919, -18.026, -22.717
XYZ	18.099, 22.851, 41.485
xyY	0.22, 0.277, 22.851
CIE-LCH	54.919, 29, 231.568
CIE-LUV	54.919, -34.746, -31.824
Hunter-Lab	47.803, -16.071, -17.992
Binary	00101111, 10001110, 10101010

#2f8eaa
```
#2f8eaa rgb(47,142,170)
```
#aa4b2f
```
#aa4b2f rgb(170,75,47)
```

Complementary Color

#2faa89
```
#2faa89 rgb(47,170,137)
```
#2f8eaa
```
#2f8eaa rgb(47,142,170)
```
#2f51aa
```
#2f51aa rgb(47,81,170)
```

Analogous Color

#aa892f
```
#aa892f rgb(170,137,47)
```
#2f8eaa
```
#2f8eaa rgb(47,142,170)
```
#aa2f51
```
#aa2f51 rgb(170,47,81)
```

Split Complementary Color

#8eaa2f
```
#8eaa2f rgb(142,170,47)
```
#2f8eaa
```
#2f8eaa rgb(47,142,170)
```
#aa2f8e
```
#aa2f8e rgb(170,47,142)
```

Triadic Color

#2faa4b
```
#2faa4b rgb(47,170,75)
```
#2f8eaa
```
#2f8eaa rgb(47,142,170)
```
#aa2f8e
```
#aa2f8e rgb(170,47,142)
```
#aa4b2f
```
#aa4b2f rgb(170,75,47)
```

Tetradic Color

#1e5c6e
```
#1e5c6e rgb(30,92,110)
```
#246d82
```
#246d82 rgb(36,109,130)
```
#297d96
```
#297d96 rgb(41,125,150)
```
#2f8eaa
```
#2f8eaa rgb(47,142,170)
```
#359fbe
```
#359fbe rgb(53,159,190)
```
#41abcb
```
#41abcb rgb(65,171,203)
```
#55b4d0
```
#55b4d0 rgb(85,180,208)
```

Monochromatic Color

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

#2faaa7
```
#2faaa7 rgb(47,170,167)
```
#2fa3aa
```
#2fa3aa rgb(47,163,170)
```
#2f98aa
```
#2f98aa rgb(47,152,170)
```
#2f8eaa
```
#2f8eaa rgb(47,142,170)
```
#2f84aa
```
#2f84aa rgb(47,132,170)
```
#2f7aaa
```
#2f7aaa rgb(47,122,170)
```
#2f6faa
```
#2f6faa rgb(47,111,170)
```

Similar Colors

Text with hexadecimal color #2f8eaa

This text has a font color of #2f8eaa.

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

#2f8eaa background color

This paragraph has a background color of #2f8eaa.

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

#2f8eaa border color

This element has a border color of #2f8eaa.

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

CSS codes

.text {color:#2f8eaa;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050e10
```
#050e10 rgb(5,14,16)
```
#091a20
```
#091a20 rgb(9,26,32)
```
#0d272f
```
#0d272f rgb(13,39,47)
```
#11343e
```
#11343e rgb(17,52,62)
```
#16414e
```
#16414e rgb(22,65,78)
```
#1a4e5d
```
#1a4e5d rgb(26,78,93)
```
#1e5b6d
```
#1e5b6d rgb(30,91,109)
```
#22677c
```
#22677c rgb(34,103,124)
```
#27748b
```
#27748b rgb(39,116,139)
```
#2b819b
```
#2b819b rgb(43,129,155)
```
#2f8eaa
```
#2f8eaa rgb(47,142,170)
```
#339bb9
```
#339bb9 rgb(51,155,185)
```

Shade Color Variation

#38a7c8
```
#38a7c8 rgb(56,167,200)
```
#48aecc
```
#48aecc rgb(72,174,204)
```
#57b5d1
```
#57b5d1 rgb(87,181,209)
```
#66bcd5
```
#66bcd5 rgb(102,188,213)
```
#76c2d9
```
#76c2d9 rgb(118,194,217)
```
#85c9dd
```
#85c9dd rgb(133,201,221)
```
#94d0e2
```
#94d0e2 rgb(148,208,226)
```
#a4d7e6
```
#a4d7e6 rgb(164,215,230)
```
#b3deea
```
#b3deea rgb(179,222,234)
```
#c2e4ee
```
#c2e4ee rgb(194,228,238)
```
#d2ebf3
```
#d2ebf3 rgb(210,235,243)
```
#e1f2f7
```
#e1f2f7 rgb(225,242,247)
```
#f1f9fb
```
#f1f9fb rgb(241,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696e70 is the less saturated color, while #05a5d4 is the most saturated one.

#696e70
```
#696e70 rgb(105,110,112)
```
#617378
```
#617378 rgb(97,115,120)
```
#597780
```
#597780 rgb(89,119,128)
```
#507c89
```
#507c89 rgb(80,124,137)
```
#488091
```
#488091 rgb(72,128,145)
```
#408599
```
#408599 rgb(64,133,153)
```
#3789a2
```
#3789a2 rgb(55,137,162)
```
#2f8eaa
```
#2f8eaa rgb(47,142,170)
```
#2793b2
```
#2793b2 rgb(39,147,178)
```
#1e97bb
```
#1e97bb rgb(30,151,187)
```
#169cc3
```
#169cc3 rgb(22,156,195)
```
#0ea0cb
```
#0ea0cb rgb(14,160,203)
```
#05a5d4
```
#05a5d4 rgb(5,165,212)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#677a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8288a7 Protanopia 1% of men
#7e87b3 Deuteranopia 1% of men
#2d96a1 Tritanopia 0.001% of the population

Trichromacy

#638aa8 Protanomaly 1% of men, 0.01% of women
#618aaf Deuteranomaly 6% of men, 0.4% of women
#2e93a4 Tritanomaly 0.01% of the population

#2f8eaa hex color

#2f8eaa Color Information

#2f8eaa Color Conversion

Color Schemes with #2f8eaa

Alternatives to #2f8eaa

#2f8eaa Preview

Shades and Tints of #2f8eaa

Tones of #2f8eaa

Color Blindness Simulator