#2fdccc hex color

In a RGB color space, hex #2fdccc is composed of 18.4% red, 86.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 0% magenta, 7.3% yellow and 13.7% black. It has a hue angle of 174.5 degrees, a saturation of 71.2% and a lightness of 52.4%. #2fdccc color hex could be obtained by blending #5effff with #00b999. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 86
- B 80
RGB color chart
- C 79
- M 0
- Y 7
- K 14
CMYK color chart

● #2fdccc color description : Bright cyan.

The hexadecimal color #2fdccc has RGB values of R:47, G:220, B:204 and CMYK values of C:0.79, M:0, Y:0.07, K:0.14. Its decimal value is 3136716.

Hex triplet	2fdccc	`#2fdccc`
RGB Decimal	47, 220, 204	`rgb(47,220,204)`
RGB Percent	18.4, 86.3, 80	`rgb(18.4%,86.3%,80%)`
CMYK	79, 0, 7, 14
HSL	174.5°, 71.2, 52.4	`hsl(174.5,71.2%,52.4%)`
HSV (or HSB)	174.5°, 78.6, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.697, -45.244, -4.246
XYZ	37.661, 56.147, 65.976
xyY	0.236, 0.351, 56.147
CIE-LCH	79.697, 45.443, 185.361
CIE-LUV	79.697, -60.163, 0.531
Hunter-Lab	74.931, -41.414, 0.248
Binary	00101111, 11011100, 11001100

#2fdccc
```
#2fdccc rgb(47,220,204)
```
#dc2f3f
```
#dc2f3f rgb(220,47,63)
```

Complementary Color

#2fdc76
```
#2fdc76 rgb(47,220,118)
```
#2fdccc
```
#2fdccc rgb(47,220,204)
```
#2f96dc
```
#2f96dc rgb(47,150,220)
```

Analogous Color

#dc762f
```
#dc762f rgb(220,118,47)
```
#2fdccc
```
#2fdccc rgb(47,220,204)
```
#dc2f96
```
#dc2f96 rgb(220,47,150)
```

Split Complementary Color

#dccc2f
```
#dccc2f rgb(220,204,47)
```
#2fdccc
```
#2fdccc rgb(47,220,204)
```
#cc2fdc
```
#cc2fdc rgb(204,47,220)
```

Triadic Color

#3fdc2f
```
#3fdc2f rgb(63,220,47)
```
#2fdccc
```
#2fdccc rgb(47,220,204)
```
#cc2fdc
```
#cc2fdc rgb(204,47,220)
```
#dc2f3f
```
#dc2f3f rgb(220,47,63)
```

Tetradic Color

#1ba397
```
#1ba397 rgb(27,163,151)
```
#1fb9ab
```
#1fb9ab rgb(31,185,171)
```
#23cfbf
```
#23cfbf rgb(35,207,191)
```
#2fdccc
```
#2fdccc rgb(47,220,204)
```
#45e0d1
```
#45e0d1 rgb(69,224,209)
```
#5be3d7
```
#5be3d7 rgb(91,227,215)
```
#70e7dc
```
#70e7dc rgb(112,231,220)
```

Monochromatic Color

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

#2fdca1
```
#2fdca1 rgb(47,220,161)
```
#2fdcaf
```
#2fdcaf rgb(47,220,175)
```
#2fdcbe
```
#2fdcbe rgb(47,220,190)
```
#2fdccc
```
#2fdccc rgb(47,220,204)
```
#2fdcda
```
#2fdcda rgb(47,220,218)
```
#2fcfdc
```
#2fcfdc rgb(47,207,220)
```
#2fc1dc
```
#2fc1dc rgb(47,193,220)
```

Similar Colors

Text with hexadecimal color #2fdccc

This text has a font color of #2fdccc.

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

#2fdccc background color

This paragraph has a background color of #2fdccc.

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

#2fdccc border color

This element has a border color of #2fdccc.

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

CSS codes

.text {color:#2fdccc;}

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

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

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, #020a09 is the darkest color, while #f8fefd is the lightest one.

#020a09
```
#020a09 rgb(2,10,9)
```
#051b19
```
#051b19 rgb(5,27,25)
```
#072c28
```
#072c28 rgb(7,44,40)
```
#0a3d38
```
#0a3d38 rgb(10,61,56)
```
#0d4d47
```
#0d4d47 rgb(13,77,71)
```
#105e57
```
#105e57 rgb(16,94,87)
```
#136f66
```
#136f66 rgb(19,111,102)
```
#168076
```
#168076 rgb(22,128,118)
```
#189185
```
#189185 rgb(24,145,133)
```
#1ba195
```
#1ba195 rgb(27,161,149)
```
#1eb2a4
```
#1eb2a4 rgb(30,178,164)
```
#21c3b4
```
#21c3b4 rgb(33,195,180)
```
#24d4c3
```
#24d4c3 rgb(36,212,195)
```

Shade Color Variation

#2fdccc
```
#2fdccc rgb(47,220,204)
```
#40dfd0
```
#40dfd0 rgb(64,223,208)
```
#51e2d4
```
#51e2d4 rgb(81,226,212)
```
#61e4d8
```
#61e4d8 rgb(97,228,216)
```
#72e7dc
```
#72e7dc rgb(114,231,220)
```
#83eae1
```
#83eae1 rgb(131,234,225)
```
#94ede5
```
#94ede5 rgb(148,237,229)
```
#a5f0e9
```
#a5f0e9 rgb(165,240,233)
```
#b5f3ed
```
#b5f3ed rgb(181,243,237)
```
#c6f5f1
```
#c6f5f1 rgb(198,245,241)
```
#d7f8f5
```
#d7f8f5 rgb(215,248,245)
```
#e8fbf9
```
#e8fbf9 rgb(232,251,249)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838887 is the less saturated color, while #13f8e3 is the most saturated one.

#838887
```
#838887 rgb(131,136,135)
```
#7a918f
```
#7a918f rgb(122,145,143)
```
#709b97
```
#709b97 rgb(112,155,151)
```
#67a49e
```
#67a49e rgb(103,164,158)
```
#5eada6
```
#5eada6 rgb(94,173,166)
```
#54b7ae
```
#54b7ae rgb(84,183,174)
```
#4bc0b5
```
#4bc0b5 rgb(75,192,181)
```
#42c9bd
```
#42c9bd rgb(66,201,189)
```
#38d3c4
```
#38d3c4 rgb(56,211,196)
```
#2fdccc
```
#2fdccc rgb(47,220,204)
```
#26e5d4
```
#26e5d4 rgb(38,229,212)
```
#1cefdb
```
#1cefdb rgb(28,239,219)
```
#13f8e3
```
#13f8e3 rgb(19,248,227)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8eb1ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc7c2 Protanopia 1% of men
#d3c3d8 Deuteranopia 1% of men
#51d9e9 Tritanopia 0.001% of the population

Trichromacy

#93cfc6 Protanomaly 1% of men, 0.01% of women
#97ccd3 Deuteranomaly 6% of men, 0.4% of women
#44dade Tritanomaly 0.01% of the population

#2fdccc hex color

#2fdccc Color Information

#2fdccc Color Conversion

Color Schemes with #2fdccc

Alternatives to #2fdccc

#2fdccc Preview

Shades and Tints of #2fdccc

Tones of #2fdccc

Color Blindness Simulator