#2cf4dc hex color

In a RGB color space, hex #2cf4dc is composed of 17.3% red, 95.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 0% magenta, 9.8% yellow and 4.3% black. It has a hue angle of 172.8 degrees, a saturation of 90.1% and a lightness of 56.5%. #2cf4dc color hex could be obtained by blending #58ffff with #00e9b9. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 17
- G 96
- B 86
RGB color chart
- C 82
- M 0
- Y 10
- K 4
CMYK color chart

● #2cf4dc color description : Bright cyan.

The hexadecimal color #2cf4dc has RGB values of R:44, G:244, B:220 and CMYK values of C:0.82, M:0, Y:0.1, K:0.04. Its decimal value is 2946268.

Hex triplet	2cf4dc	`#2cf4dc`
RGB Decimal	44, 244, 220	`rgb(44,244,220)`
RGB Percent	17.3, 95.7, 86.3	`rgb(17.3%,95.7%,86.3%)`
CMYK	82, 0, 10, 4
HSL	172.8°, 90.1, 56.5	`hsl(172.8,90.1%,56.5%)`
HSV (or HSB)	172.8°, 82, 95.7
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.192, -51.371, -1.687
XYZ	46.303, 70.399, 78.854
xyY	0.237, 0.36, 70.399
CIE-LCH	87.192, 51.398, 181.881
CIE-LUV	87.192, -67.447, 5.553
Hunter-Lab	83.904, -48.326, 3.012
Binary	00101100, 11110100, 11011100

#2cf4dc
```
#2cf4dc rgb(44,244,220)
```
#f42c44
```
#f42c44 rgb(244,44,68)
```

Complementary Color

#2cf478
```
#2cf478 rgb(44,244,120)
```
#2cf4dc
```
#2cf4dc rgb(44,244,220)
```
#2ca8f4
```
#2ca8f4 rgb(44,168,244)
```

Analogous Color

#f4782c
```
#f4782c rgb(244,120,44)
```
#2cf4dc
```
#2cf4dc rgb(44,244,220)
```
#f42ca8
```
#f42ca8 rgb(244,44,168)
```

Split Complementary Color

#f4dc2c
```
#f4dc2c rgb(244,220,44)
```
#2cf4dc
```
#2cf4dc rgb(44,244,220)
```
#dc2cf4
```
#dc2cf4 rgb(220,44,244)
```

Triadic Color

#44f42c
```
#44f42c rgb(68,244,44)
```
#2cf4dc
```
#2cf4dc rgb(44,244,220)
```
#dc2cf4
```
#dc2cf4 rgb(220,44,244)
```
#f42c44
```
#f42c44 rgb(244,44,68)
```

Tetradic Color

#0ac9b2
```
#0ac9b2 rgb(10,201,178)
```
#0ce1c8
```
#0ce1c8 rgb(12,225,200)
```
#14f3d8
```
#14f3d8 rgb(20,243,216)
```
#2cf4dc
```
#2cf4dc rgb(44,244,220)
```
#44f5e0
```
#44f5e0 rgb(68,245,224)
```
#5cf7e4
```
#5cf7e4 rgb(92,247,228)
```
#75f8e8
```
#75f8e8 rgb(117,248,232)
```

Monochromatic Color

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

#2cf4aa
```
#2cf4aa rgb(44,244,170)
```
#2cf4bb
```
#2cf4bb rgb(44,244,187)
```
#2cf4cb
```
#2cf4cb rgb(44,244,203)
```
#2cf4dc
```
#2cf4dc rgb(44,244,220)
```
#2cf4ed
```
#2cf4ed rgb(44,244,237)
```
#2cebf4
```
#2cebf4 rgb(44,235,244)
```
#2cdaf4
```
#2cdaf4 rgb(44,218,244)
```

Similar Colors

Text with hexadecimal color #2cf4dc

This text has a font color of #2cf4dc.

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

#2cf4dc background color

This paragraph has a background color of #2cf4dc.

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

#2cf4dc border color

This element has a border color of #2cf4dc.

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

CSS codes

.text {color:#2cf4dc;}

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

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

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, #010d0b is the darkest color, while #f9fffe is the lightest one.

#010d0b
```
#010d0b rgb(1,13,11)
```
#021f1c
```
#021f1c rgb(2,31,28)
```
#03322c
```
#03322c rgb(3,50,44)
```
#04453d
```
#04453d rgb(4,69,61)
```
#05574d
```
#05574d rgb(5,87,77)
```
#066a5e
```
#066a5e rgb(6,106,94)
```
#067d6e
```
#067d6e rgb(6,125,110)
```
#078f7f
```
#078f7f rgb(7,143,127)
```
#08a28f
```
#08a28f rgb(8,162,143)
```
#09b5a0
```
#09b5a0 rgb(9,181,160)
```
#0ac7b1
```
#0ac7b1 rgb(10,199,177)
```
#0bdac1
```
#0bdac1 rgb(11,218,193)
```
#0cecd2
```
#0cecd2 rgb(12,236,210)
```

Shade Color Variation

#19f3d9
```
#19f3d9 rgb(25,243,217)
```
#2cf4dc
```
#2cf4dc rgb(44,244,220)
```
#3ff5df
```
#3ff5df rgb(63,245,223)
```
#51f6e2
```
#51f6e2 rgb(81,246,226)
```
#64f7e5
```
#64f7e5 rgb(100,247,229)
```
#77f8e8
```
#77f8e8 rgb(119,248,232)
```
#89f9eb
```
#89f9eb rgb(137,249,235)
```
#9cfaef
```
#9cfaef rgb(156,250,239)
```
#affbf2
```
#affbf2 rgb(175,251,242)
```
#c1fcf5
```
#c1fcf5 rgb(193,252,245)
```
#d4fdf8
```
#d4fdf8 rgb(212,253,248)
```
#e6fefb
```
#e6fefb rgb(230,254,251)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a9695 is the less saturated color, while #23fde2 is the most saturated one.

#8a9695
```
#8a9695 rgb(138,150,149)
```
#819f9b
```
#819f9b rgb(129,159,155)
```
#79a7a2
```
#79a7a2 rgb(121,167,162)
```
#70b0a8
```
#70b0a8 rgb(112,176,168)
```
#68b8af
```
#68b8af rgb(104,184,175)
```
#5fc1b5
```
#5fc1b5 rgb(95,193,181)
```
#57c9bc
```
#57c9bc rgb(87,201,188)
```
#4ed2c2
```
#4ed2c2 rgb(78,210,194)
```
#46dac9
```
#46dac9 rgb(70,218,201)
```
#3de3cf
```
#3de3cf rgb(61,227,207)
```
#35ebd6
```
#35ebd6 rgb(53,235,214)
```
#2cf4dc
```
#2cf4dc rgb(44,244,220)
```
#23fde2
```
#23fde2 rgb(35,253,226)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9ac2bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2dbd0 Protanopia 1% of men
#ead6e8 Deuteranopia 1% of men
#66eeff Tritanopia 0.001% of the population

Trichromacy

#a0e4d4 Protanomaly 1% of men, 0.01% of women
#a5e1e4 Deuteranomaly 6% of men, 0.4% of women
#51f0f2 Tritanomaly 0.01% of the population

#2cf4dc hex color

#2cf4dc Color Information

#2cf4dc Color Conversion

Color Schemes with #2cf4dc

Alternatives to #2cf4dc

#2cf4dc Preview

Shades and Tints of #2cf4dc

Tones of #2cf4dc

Color Blindness Simulator