#2fb4cf hex color

In a RGB color space, hex #2fb4cf is composed of 18.4% red, 70.6% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 13% magenta, 0% yellow and 18.8% black. It has a hue angle of 190.1 degrees, a saturation of 63% and a lightness of 49.8%. #2fb4cf color hex could be obtained by blending #5effff with #00699f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 71
- B 81
RGB color chart
- C 77
- M 13
- Y 0
- K 19
CMYK color chart

● #2fb4cf color description : Strong cyan.

The hexadecimal color #2fb4cf has RGB values of R:47, G:180, B:207 and CMYK values of C:0.77, M:0.13, Y:0, K:0.19. Its decimal value is 3126479.

Hex triplet	2fb4cf	`#2fb4cf`
RGB Decimal	47, 180, 207	`rgb(47,180,207)`
RGB Percent	18.4, 70.6, 81.2	`rgb(18.4%,70.6%,81.2%)`
CMYK	77, 13, 0, 19
HSL	190.1°, 63, 49.8	`hsl(190.1,63%,49.8%)`
HSV (or HSB)	190.1°, 77.3, 81.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.835, -25.711, -23.685
XYZ	28.753, 37.749, 64.799
xyY	0.219, 0.288, 37.749
CIE-LCH	67.835, 34.957, 222.651
CIE-LUV	67.835, -45.982, -33.465
Hunter-Lab	61.44, -23.986, -19.523
Binary	00101111, 10110100, 11001111

#2fb4cf
```
#2fb4cf rgb(47,180,207)
```
#cf4a2f
```
#cf4a2f rgb(207,74,47)
```

Complementary Color

#2fcf9a
```
#2fcf9a rgb(47,207,154)
```
#2fb4cf
```
#2fb4cf rgb(47,180,207)
```
#2f64cf
```
#2f64cf rgb(47,100,207)
```

Analogous Color

#cf9a2f
```
#cf9a2f rgb(207,154,47)
```
#2fb4cf
```
#2fb4cf rgb(47,180,207)
```
#cf2f64
```
#cf2f64 rgb(207,47,100)
```

Split Complementary Color

#b4cf2f
```
#b4cf2f rgb(180,207,47)
```
#2fb4cf
```
#2fb4cf rgb(47,180,207)
```
#cf2fb4
```
#cf2fb4 rgb(207,47,180)
```

Triadic Color

#2fcf4a
```
#2fcf4a rgb(47,207,74)
```
#2fb4cf
```
#2fb4cf rgb(47,180,207)
```
#cf2fb4
```
#cf2fb4 rgb(207,47,180)
```
#cf4a2f
```
#cf4a2f rgb(207,74,47)
```

Tetradic Color

#217e91
```
#217e91 rgb(33,126,145)
```
#2690a5
```
#2690a5 rgb(38,144,165)
```
#2aa2ba
```
#2aa2ba rgb(42,162,186)
```
#2fb4cf
```
#2fb4cf rgb(47,180,207)
```
#43bcd4
```
#43bcd4 rgb(67,188,212)
```
#58c3d9
```
#58c3d9 rgb(88,195,217)
```
#6dcbde
```
#6dcbde rgb(109,203,222)
```

Monochromatic Color

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

#2fcfc2
```
#2fcfc2 rgb(47,207,194)
```
#2fcfcf
```
#2fcfcf rgb(47,207,207)
```
#2fc1cf
```
#2fc1cf rgb(47,193,207)
```
#2fb4cf
```
#2fb4cf rgb(47,180,207)
```
#2fa7cf
```
#2fa7cf rgb(47,167,207)
```
#2f99cf
```
#2f99cf rgb(47,153,207)
```
#2f8ccf
```
#2f8ccf rgb(47,140,207)
```

Similar Colors

Text with hexadecimal color #2fb4cf

This text has a font color of #2fb4cf.

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

#2fb4cf background color

This paragraph has a background color of #2fb4cf.

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

#2fb4cf border color

This element has a border color of #2fb4cf.

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

CSS codes

.text {color:#2fb4cf;}

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

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

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

#030d0f
```
#030d0f rgb(3,13,15)
```
#071b1f
```
#071b1f rgb(7,27,31)
```
#0b292f
```
#0b292f rgb(11,41,47)
```
#0e373f
```
#0e373f rgb(14,55,63)
```
#12454f
```
#12454f rgb(18,69,79)
```
#16535f
```
#16535f rgb(22,83,95)
```
#19616f
```
#19616f rgb(25,97,111)
```
#1d6e7f
```
#1d6e7f rgb(29,110,127)
```
#207c8f
```
#207c8f rgb(32,124,143)
```
#248a9f
```
#248a9f rgb(36,138,159)
```
#2898af
```
#2898af rgb(40,152,175)
```
#2ba6bf
```
#2ba6bf rgb(43,166,191)
```
#2fb4cf
```
#2fb4cf rgb(47,180,207)
```

Shade Color Variation

#3ebad3
```
#3ebad3 rgb(62,186,211)
```
#4ec0d7
```
#4ec0d7 rgb(78,192,215)
```
#5ec6db
```
#5ec6db rgb(94,198,219)
```
#6ecbde
```
#6ecbde rgb(110,203,222)
```
#7ed1e2
```
#7ed1e2 rgb(126,209,226)
```
#8ed7e5
```
#8ed7e5 rgb(142,215,229)
```
#9edce9
```
#9edce9 rgb(158,220,233)
```
#aee2ed
```
#aee2ed rgb(174,226,237)
```
#bee8f0
```
#bee8f0 rgb(190,232,240)
```
#ceeef4
```
#ceeef4 rgb(206,238,244)
```
#def3f8
```
#def3f8 rgb(222,243,248)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#7d8081
```
#7d8081 rgb(125,128,129)
```
#73878b
```
#73878b rgb(115,135,139)
```
#6a8d94
```
#6a8d94 rgb(106,141,148)
```
#60949e
```
#60949e rgb(96,148,158)
```
#569aa8
```
#569aa8 rgb(86,154,168)
```
#4ca1b2
```
#4ca1b2 rgb(76,161,178)
```
#43a7bb
```
#43a7bb rgb(67,167,187)
```
#39aec5
```
#39aec5 rgb(57,174,197)
```
#2fb4cf
```
#2fb4cf rgb(47,180,207)
```
#25bad9
```
#25bad9 rgb(37,186,217)
```
#1bc1e3
```
#1bc1e3 rgb(27,193,227)
```
#12c7ec
```
#12c7ec rgb(18,199,236)
```
#08cef6
```
#08cef6 rgb(8,206,246)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7c969c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a8c7 Protanopia 1% of men
#9fa7d7 Deuteranopia 1% of men
#2db9c7 Tritanopia 0.001% of the population

Trichromacy

#78acca Protanomaly 1% of men, 0.01% of women
#76abd4 Deuteranomaly 6% of men, 0.4% of women
#2eb7ca Tritanomaly 0.01% of the population

#2fb4cf hex color

#2fb4cf Color Information

#2fb4cf Color Conversion

Color Schemes with #2fb4cf

Alternatives to #2fb4cf

#2fb4cf Preview

Shades and Tints of #2fb4cf

Tones of #2fb4cf

Color Blindness Simulator