#2df8cf hex color

In a RGB color space, hex #2df8cf is composed of 17.6% red, 97.3% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 0% magenta, 16.5% yellow and 2.7% black. It has a hue angle of 167.9 degrees, a saturation of 93.5% and a lightness of 57.5%. #2df8cf color hex could be obtained by blending #5affff with #00f19f. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 18
- G 97
- B 81
RGB color chart
- C 82
- M 0
- Y 17
- K 3
CMYK color chart

● #2df8cf color description : Bright cyan.

The hexadecimal color #2df8cf has RGB values of R:45, G:248, B:207 and CMYK values of C:0.82, M:0, Y:0.17, K:0.03. Its decimal value is 3012815.

Hex triplet	2df8cf	`#2df8cf`
RGB Decimal	45, 248, 207	`rgb(45,248,207)`
RGB Percent	17.6, 97.3, 81.2	`rgb(17.6%,97.3%,81.2%)`
CMYK	82, 0, 17, 3
HSL	167.9°, 93.5, 57.5	`hsl(167.9,93.5%,57.5%)`
HSV (or HSB)	167.9°, 81.9, 97.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.061, -56.239, 6.357
XYZ	45.908, 72.193, 70.543
xyY	0.243, 0.383, 72.193
CIE-LCH	88.061, 56.597, 173.551
CIE-LUV	88.061, -69.656, 18.758
Hunter-Lab	84.966, -52.247, 10.251
Binary	00101101, 11111000, 11001111

#2df8cf
```
#2df8cf rgb(45,248,207)
```
#f82d56
```
#f82d56 rgb(248,45,86)
```

Complementary Color

#2df86a
```
#2df86a rgb(45,248,106)
```
#2df8cf
```
#2df8cf rgb(45,248,207)
```
#2dbcf8
```
#2dbcf8 rgb(45,188,248)
```

Analogous Color

#f86a2d
```
#f86a2d rgb(248,106,45)
```
#2df8cf
```
#2df8cf rgb(45,248,207)
```
#f82dbc
```
#f82dbc rgb(248,45,188)
```

Split Complementary Color

#f8cf2d
```
#f8cf2d rgb(248,207,45)
```
#2df8cf
```
#2df8cf rgb(45,248,207)
```
#cf2df8
```
#cf2df8 rgb(207,45,248)
```

Triadic Color

#56f82d
```
#56f82d rgb(86,248,45)
```
#2df8cf
```
#2df8cf rgb(45,248,207)
```
#cf2df8
```
#cf2df8 rgb(207,45,248)
```
#f82d56
```
#f82d56 rgb(248,45,86)
```

Tetradic Color

#07d2a9
```
#07d2a9 rgb(7,210,169)
```
#08eabc
```
#08eabc rgb(8,234,188)
```
#14f7c9
```
#14f7c9 rgb(20,247,201)
```
#2df8cf
```
#2df8cf rgb(45,248,207)
```
#46f9d5
```
#46f9d5 rgb(70,249,213)
```
#5efada
```
#5efada rgb(94,250,218)
```
#77fae0
```
#77fae0 rgb(119,250,224)
```

Monochromatic Color

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

#2df89c
```
#2df89c rgb(45,248,156)
```
#2df8ad
```
#2df8ad rgb(45,248,173)
```
#2df8be
```
#2df8be rgb(45,248,190)
```
#2df8cf
```
#2df8cf rgb(45,248,207)
```
#2df8e0
```
#2df8e0 rgb(45,248,224)
```
#2df8f1
```
#2df8f1 rgb(45,248,241)
```
#2deef8
```
#2deef8 rgb(45,238,248)
```

Similar Colors

Text with hexadecimal color #2df8cf

This text has a font color of #2df8cf.

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

#2df8cf background color

This paragraph has a background color of #2df8cf.

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

#2df8cf border color

This element has a border color of #2df8cf.

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

CSS codes

.text {color:#2df8cf;}

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

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

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

#01120e
```
#01120e rgb(1,18,14)
```
#01251e
```
#01251e rgb(1,37,30)
```
#02382d
```
#02382d rgb(2,56,45)
```
#024b3c
```
#024b3c rgb(2,75,60)
```
#035e4b
```
#035e4b rgb(3,94,75)
```
#04715b
```
#04715b rgb(4,113,91)
```
#04846a
```
#04846a rgb(4,132,106)
```
#059779
```
#059779 rgb(5,151,121)
```
#06aa89
```
#06aa89 rgb(6,170,137)
```
#06bd98
```
#06bd98 rgb(6,189,152)
```
#07d0a7
```
#07d0a7 rgb(7,208,167)
```
#08e3b6
```
#08e3b6 rgb(8,227,182)
```
#08f6c6
```
#08f6c6 rgb(8,246,198)
```

Shade Color Variation

#1af7cb
```
#1af7cb rgb(26,247,203)
```
#2df8cf
```
#2df8cf rgb(45,248,207)
```
#40f9d3
```
#40f9d3 rgb(64,249,211)
```
#53f9d8
```
#53f9d8 rgb(83,249,216)
```
#66fadc
```
#66fadc rgb(102,250,220)
```
#79fbe0
```
#79fbe0 rgb(121,251,224)
```
#8cfbe5
```
#8cfbe5 rgb(140,251,229)
```
#9ffce9
```
#9ffce9 rgb(159,252,233)
```
#b2fced
```
#b2fced rgb(178,252,237)
```
#c5fdf2
```
#c5fdf2 rgb(197,253,242)
```
#d8fef6
```
#d8fef6 rgb(216,254,246)
```
#ebfefa
```
#ebfefa rgb(235,254,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#919493
```
#919493 rgb(145,148,147)
```
#899c98
```
#899c98 rgb(137,156,152)
```
#80a59d
```
#80a59d rgb(128,165,157)
```
#78ada2
```
#78ada2 rgb(120,173,162)
```
#70b5a7
```
#70b5a7 rgb(112,181,167)
```
#67beac
```
#67beac rgb(103,190,172)
```
#5fc6b1
```
#5fc6b1 rgb(95,198,177)
```
#57ceb6
```
#57ceb6 rgb(87,206,182)
```
#4ed7bb
```
#4ed7bb rgb(78,215,187)
```
#46dfc0
```
#46dfc0 rgb(70,223,192)
```
#3ee7c5
```
#3ee7c5 rgb(62,231,197)
```
#35f0ca
```
#35f0ca rgb(53,240,202)
```
#2df8cf
```
#2df8cf rgb(45,248,207)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#9bc4bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8ddc4 Protanopia 1% of men
#f3d7dc Deuteranopia 1% of men
#7aefff Tritanopia 0.001% of the population

Trichromacy

#a4e7c8 Protanomaly 1% of men, 0.01% of women
#abe3d7 Deuteranomaly 6% of men, 0.4% of women
#5ef2ed Tritanomaly 0.01% of the population

#2df8cf hex color

#2df8cf Color Information

#2df8cf Color Conversion

Color Schemes with #2df8cf

Alternatives to #2df8cf

#2df8cf Preview

Shades and Tints of #2df8cf

Tones of #2df8cf

Color Blindness Simulator