#2f878f hex color

In a RGB color space, hex #2f878f is composed of 18.4% red, 52.9% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 5.6% magenta, 0% yellow and 43.9% black. It has a hue angle of 185 degrees, a saturation of 50.5% and a lightness of 37.3%. #2f878f color hex could be obtained by blending #5effff with #000f1f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 53
- B 56
RGB color chart
- C 67
- M 6
- Y 0
- K 44
CMYK color chart

● #2f878f color description : Dark moderate cyan.

The hexadecimal color #2f878f has RGB values of R:47, G:135, B:143 and CMYK values of C:0.67, M:0.06, Y:0, K:0.44. Its decimal value is 3114895.

Hex triplet	2f878f	`#2f878f`
RGB Decimal	47, 135, 143	`rgb(47,135,143)`
RGB Percent	18.4, 52.9, 56.1	`rgb(18.4%,52.9%,56.1%)`
CMYK	67, 6, 0, 44
HSL	185°, 50.5, 37.3	`hsl(185,50.5%,37.3%)`
HSV (or HSB)	185°, 67.1, 56.1
Web Safe	339999	`#339999`

CIE-LAB	51.74, -23.032, -11.959
XYZ	14.793, 19.914, 29.049
xyY	0.232, 0.312, 19.914
CIE-LCH	51.74, 25.952, 207.44
CIE-LUV	51.74, -33.734, -14.124
Hunter-Lab	44.625, -18.924, -7.358
Binary	00101111, 10000111, 10001111

#2f878f
```
#2f878f rgb(47,135,143)
```
#8f372f
```
#8f372f rgb(143,55,47)
```

Complementary Color

#2f8f67
```
#2f8f67 rgb(47,143,103)
```
#2f878f
```
#2f878f rgb(47,135,143)
```
#2f578f
```
#2f578f rgb(47,87,143)
```

Analogous Color

#8f672f
```
#8f672f rgb(143,103,47)
```
#2f878f
```
#2f878f rgb(47,135,143)
```
#8f2f57
```
#8f2f57 rgb(143,47,87)
```

Split Complementary Color

#878f2f
```
#878f2f rgb(135,143,47)
```
#2f878f
```
#2f878f rgb(47,135,143)
```
#8f2f87
```
#8f2f87 rgb(143,47,135)
```

Triadic Color

#2f8f37
```
#2f8f37 rgb(47,143,55)
```
#2f878f
```
#2f878f rgb(47,135,143)
```
#8f2f87
```
#8f2f87 rgb(143,47,135)
```
#8f372f
```
#8f372f rgb(143,55,47)
```

Tetradic Color

#1c5155
```
#1c5155 rgb(28,81,85)
```
#226369
```
#226369 rgb(34,99,105)
```
#29757c
```
#29757c rgb(41,117,124)
```
#2f878f
```
#2f878f rgb(47,135,143)
```
#3599a2
```
#3599a2 rgb(53,153,162)
```
#3cabb5
```
#3cabb5 rgb(60,171,181)
```
#48b9c3
```
#48b9c3 rgb(72,185,195)
```

Monochromatic Color

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

#2f8f7f
```
#2f8f7f rgb(47,143,127)
```
#2f8f87
```
#2f8f87 rgb(47,143,135)
```
#2f8f8f
```
#2f8f8f rgb(47,143,143)
```
#2f878f
```
#2f878f rgb(47,135,143)
```
#2f7f8f
```
#2f7f8f rgb(47,127,143)
```
#2f778f
```
#2f778f rgb(47,119,143)
```
#2f6f8f
```
#2f6f8f rgb(47,111,143)
```

Similar Colors

Text with hexadecimal color #2f878f

This text has a font color of #2f878f.

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

#2f878f background color

This paragraph has a background color of #2f878f.

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

#2f878f border color

This element has a border color of #2f878f.

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

CSS codes

.text {color:#2f878f;}

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

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

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, #030a0a is the darkest color, while #fafdfd is the lightest one.

#030a0a
```
#030a0a rgb(3,10,10)
```
#081819
```
#081819 rgb(8,24,25)
```
#0d2528
```
#0d2528 rgb(13,37,40)
```
#123336
```
#123336 rgb(18,51,54)
```
#174145
```
#174145 rgb(23,65,69)
```
#1c4f54
```
#1c4f54 rgb(28,79,84)
```
#205d63
```
#205d63 rgb(32,93,99)
```
#256b71
```
#256b71 rgb(37,107,113)
```
#2a7980
```
#2a7980 rgb(42,121,128)
```
#2f878f
```
#2f878f rgb(47,135,143)
```
#34959e
```
#34959e rgb(52,149,158)
```
#39a3ad
```
#39a3ad rgb(57,163,173)
```
#3eb1bb
```
#3eb1bb rgb(62,177,187)
```

Shade Color Variation

#49b9c3
```
#49b9c3 rgb(73,185,195)
```
#58bfc8
```
#58bfc8 rgb(88,191,200)
```
#67c4cd
```
#67c4cd rgb(103,196,205)
```
#76cad2
```
#76cad2 rgb(118,202,210)
```
#84d0d7
```
#84d0d7 rgb(132,208,215)
```
#93d5dc
```
#93d5dc rgb(147,213,220)
```
#a2dbe0
```
#a2dbe0 rgb(162,219,224)
```
#b1e1e5
```
#b1e1e5 rgb(177,225,229)
```
#bfe7ea
```
#bfe7ea rgb(191,231,234)
```
#ceecef
```
#ceecef rgb(206,236,239)
```
#ddf2f4
```
#ddf2f4 rgb(221,242,244)
```
#ecf8f9
```
#ecf8f9 rgb(236,248,249)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6263 is the less saturated color, while #03acbb is the most saturated one.

#5b6263
```
#5b6263 rgb(91,98,99)
```
#54696a
```
#54696a rgb(84,105,106)
```
#4c6f72
```
#4c6f72 rgb(76,111,114)
```
#457579
```
#457579 rgb(69,117,121)
```
#3e7b80
```
#3e7b80 rgb(62,123,128)
```
#368188
```
#368188 rgb(54,129,136)
```
#2f878f
```
#2f878f rgb(47,135,143)
```
#288d96
```
#288d96 rgb(40,141,150)
```
#20939e
```
#20939e rgb(32,147,158)
```
#1999a5
```
#1999a5 rgb(25,153,165)
```
#129fac
```
#129fac rgb(18,159,172)
```
#0aa5b4
```
#0aa5b4 rgb(10,165,180)
```
#03acbb
```
#03acbb rgb(3,172,187)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#617375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80818d Protanopia 1% of men
#817f99 Deuteranopia 1% of men
#3b8c97 Tritanopia 0.001% of the population

Trichromacy

#63838e Protanomaly 1% of men, 0.01% of women
#638295 Deuteranomaly 6% of men, 0.4% of women
#368a94 Tritanomaly 0.01% of the population

#2f878f hex color

#2f878f Color Information

#2f878f Color Conversion

Color Schemes with #2f878f

Alternatives to #2f878f

#2f878f Preview

Shades and Tints of #2f878f

Tones of #2f878f

Color Blindness Simulator