#2cf5de hex color

In a RGB color space, hex #2cf5de is composed of 17.3% red, 96.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 0% magenta, 9.4% yellow and 3.9% black. It has a hue angle of 173.1 degrees, a saturation of 91% and a lightness of 56.7%. #2cf5de color hex could be obtained by blending #58ffff with #00ebbd. Closest websafe color is: #33ffcc.

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

● #2cf5de color description : Bright cyan.

The hexadecimal color #2cf5de has RGB values of R:44, G:245, B:222 and CMYK values of C:0.82, M:0, Y:0.09, K:0.04. Its decimal value is 2946526.

Hex triplet	2cf5de	`#2cf5de`
RGB Decimal	44, 245, 222	`rgb(44,245,222)`
RGB Percent	17.3, 96.1, 87.1	`rgb(17.3%,96.1%,87.1%)`
CMYK	82, 0, 9, 4
HSL	173.1°, 91, 56.7	`hsl(173.1,91%,56.7%)`
HSV (or HSB)	173.1°, 82, 96.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.538, -51.258, -2.226
XYZ	46.871, 71.109, 80.358
xyY	0.236, 0.359, 71.109
CIE-LCH	87.538, 51.307, 182.486
CIE-LUV	87.538, -67.633, 4.69
Hunter-Lab	84.326, -48.355, 2.528
Binary	00101100, 11110101, 11011110

#2cf5de
```
#2cf5de rgb(44,245,222)
```
#f52c43
```
#f52c43 rgb(245,44,67)
```

Complementary Color

#2cf57a
```
#2cf57a rgb(44,245,122)
```
#2cf5de
```
#2cf5de rgb(44,245,222)
```
#2ca8f5
```
#2ca8f5 rgb(44,168,245)
```

Analogous Color

#f57a2c
```
#f57a2c rgb(245,122,44)
```
#2cf5de
```
#2cf5de rgb(44,245,222)
```
#f52ca8
```
#f52ca8 rgb(245,44,168)
```

Split Complementary Color

#f5de2c
```
#f5de2c rgb(245,222,44)
```
#2cf5de
```
#2cf5de rgb(44,245,222)
```
#de2cf5
```
#de2cf5 rgb(222,44,245)
```

Triadic Color

#43f52c
```
#43f52c rgb(67,245,44)
```
#2cf5de
```
#2cf5de rgb(44,245,222)
```
#de2cf5
```
#de2cf5 rgb(222,44,245)
```
#f52c43
```
#f52c43 rgb(245,44,67)
```

Tetradic Color

#0acbb5
```
#0acbb5 rgb(10,203,181)
```
#0be3ca
```
#0be3ca rgb(11,227,202)
```
#14f4da
```
#14f4da rgb(20,244,218)
```
#2cf5de
```
#2cf5de rgb(44,245,222)
```
#44f6e2
```
#44f6e2 rgb(68,246,226)
```
#5df7e6
```
#5df7e6 rgb(93,247,230)
```
#75f8e9
```
#75f8e9 rgb(117,248,233)
```

Monochromatic Color

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

#2cf5ac
```
#2cf5ac rgb(44,245,172)
```
#2cf5bd
```
#2cf5bd rgb(44,245,189)
```
#2cf5cd
```
#2cf5cd rgb(44,245,205)
```
#2cf5de
```
#2cf5de rgb(44,245,222)
```
#2cf5ef
```
#2cf5ef rgb(44,245,239)
```
#2cebf5
```
#2cebf5 rgb(44,235,245)
```
#2cdaf5
```
#2cdaf5 rgb(44,218,245)
```

Similar Colors

Text with hexadecimal color #2cf5de

This text has a font color of #2cf5de.

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

#2cf5de background color

This paragraph has a background color of #2cf5de.

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

#2cf5de border color

This element has a border color of #2cf5de.

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

CSS codes

.text {color:#2cf5de;}

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

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

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

#010e0c
```
#010e0c rgb(1,14,12)
```
#02201d
```
#02201d rgb(2,32,29)
```
#02332e
```
#02332e rgb(2,51,46)
```
#03463e
```
#03463e rgb(3,70,62)
```
#04594f
```
#04594f rgb(4,89,79)
```
#056b60
```
#056b60 rgb(5,107,96)
```
#067e70
```
#067e70 rgb(6,126,112)
```
#079181
```
#079181 rgb(7,145,129)
```
#08a492
```
#08a492 rgb(8,164,146)
```
#09b6a2
```
#09b6a2 rgb(9,182,162)
```
#0ac9b3
```
#0ac9b3 rgb(10,201,179)
```
#0adcc4
```
#0adcc4 rgb(10,220,196)
```
#0beed4
```
#0beed4 rgb(11,238,212)
```

Shade Color Variation

#19f4db
```
#19f4db rgb(25,244,219)
```
#2cf5de
```
#2cf5de rgb(44,245,222)
```
#3ff6e1
```
#3ff6e1 rgb(63,246,225)
```
#51f7e4
```
#51f7e4 rgb(81,247,228)
```
#64f8e7
```
#64f8e7 rgb(100,248,231)
```
#77f9ea
```
#77f9ea rgb(119,249,234)
```
#8af9ed
```
#8af9ed rgb(138,249,237)
```
#9cfaf0
```
#9cfaf0 rgb(156,250,240)
```
#affbf3
```
#affbf3 rgb(175,251,243)
```
#c2fcf5
```
#c2fcf5 rgb(194,252,245)
```
#d5fdf8
```
#d5fdf8 rgb(213,253,248)
```
#e7fefb
```
#e7fefb rgb(231,254,251)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#8a9896
```
#8a9896 rgb(138,152,150)
```
#81a09c
```
#81a09c rgb(129,160,156)
```
#79a9a3
```
#79a9a3 rgb(121,169,163)
```
#70b1aa
```
#70b1aa rgb(112,177,170)
```
#68bab0
```
#68bab0 rgb(104,186,176)
```
#5fc2b7
```
#5fc2b7 rgb(95,194,183)
```
#57cbbd
```
#57cbbd rgb(87,203,189)
```
#4ed3c4
```
#4ed3c4 rgb(78,211,196)
```
#46dcca
```
#46dcca rgb(70,220,202)
```
#3de4d1
```
#3de4d1 rgb(61,228,209)
```
#34edd7
```
#34edd7 rgb(52,237,215)
```
#2cf5de
```
#2cf5de rgb(44,245,222)
```
#24fee5
```
#24fee5 rgb(36,254,229)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#9ac3be Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3dcd2 Protanopia 1% of men
#ebd7ea Deuteranopia 1% of men
#6eeeff Tritanopia 0.001% of the population

Trichromacy

#a0e5d6 Protanomaly 1% of men, 0.01% of women
#a5e2e6 Deuteranomaly 6% of men, 0.4% of women
#56f1f3 Tritanomaly 0.01% of the population

#2cf5de hex color

#2cf5de Color Information

#2cf5de Color Conversion

Color Schemes with #2cf5de

Alternatives to #2cf5de

#2cf5de Preview

Shades and Tints of #2cf5de

Tones of #2cf5de

Color Blindness Simulator