#2df8e2 hex color

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

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

● #2df8e2 color description : Bright cyan.

The hexadecimal color #2df8e2 has RGB values of R:45, G:248, B:226 and CMYK values of C:0.82, M:0, Y:0.09, K:0.03. Its decimal value is 3012834.

Hex triplet	2df8e2	`#2df8e2`
RGB Decimal	45, 248, 226	`rgb(45,248,226)`
RGB Percent	17.6, 97.3, 88.6	`rgb(17.6%,97.3%,88.6%)`
CMYK	82, 0, 9, 3
HSL	173.5°, 93.5, 57.5	`hsl(173.5,93.5%,57.5%)`
HSV (or HSB)	173.5°, 81.9, 97.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.533, -51.374, -2.853
XYZ	48.372, 73.179, 83.523
xyY	0.236, 0.357, 73.179
CIE-LCH	88.533, 51.453, 183.178
CIE-LUV	88.533, -68.249, 3.725
Hunter-Lab	85.545, -48.768, 1.993
Binary	00101101, 11111000, 11100010

#2df8e2
```
#2df8e2 rgb(45,248,226)
```
#f82d43
```
#f82d43 rgb(248,45,67)
```

Complementary Color

#2df87d
```
#2df87d rgb(45,248,125)
```
#2df8e2
```
#2df8e2 rgb(45,248,226)
```
#2da9f8
```
#2da9f8 rgb(45,169,248)
```

Analogous Color

#f87d2d
```
#f87d2d rgb(248,125,45)
```
#2df8e2
```
#2df8e2 rgb(45,248,226)
```
#f82da9
```
#f82da9 rgb(248,45,169)
```

Split Complementary Color

#f8e22d
```
#f8e22d rgb(248,226,45)
```
#2df8e2
```
#2df8e2 rgb(45,248,226)
```
#e22df8
```
#e22df8 rgb(226,45,248)
```

Triadic Color

#43f82d
```
#43f82d rgb(67,248,45)
```
#2df8e2
```
#2df8e2 rgb(45,248,226)
```
#e22df8
```
#e22df8 rgb(226,45,248)
```
#f82d43
```
#f82d43 rgb(248,45,67)
```

Tetradic Color

#07d2bc
```
#07d2bc rgb(7,210,188)
```
#08ead2
```
#08ead2 rgb(8,234,210)
```
#14f7df
```
#14f7df rgb(20,247,223)
```
#2df8e2
```
#2df8e2 rgb(45,248,226)
```
#46f9e5
```
#46f9e5 rgb(70,249,229)
```
#5efae9
```
#5efae9 rgb(94,250,233)
```
#77faec
```
#77faec rgb(119,250,236)
```

Monochromatic Color

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

#2df8af
```
#2df8af rgb(45,248,175)
```
#2df8c0
```
#2df8c0 rgb(45,248,192)
```
#2df8d1
```
#2df8d1 rgb(45,248,209)
```
#2df8e2
```
#2df8e2 rgb(45,248,226)
```
#2df8f3
```
#2df8f3 rgb(45,248,243)
```
#2decf8
```
#2decf8 rgb(45,236,248)
```
#2ddbf8
```
#2ddbf8 rgb(45,219,248)
```

Similar Colors

Text with hexadecimal color #2df8e2

This text has a font color of #2df8e2.

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

#2df8e2 background color

This paragraph has a background color of #2df8e2.

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

#2df8e2 border color

This element has a border color of #2df8e2.

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

CSS codes

.text {color:#2df8e2;}

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

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

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

#011210
```
#011210 rgb(1,18,16)
```
#012521
```
#012521 rgb(1,37,33)
```
#023832
```
#023832 rgb(2,56,50)
```
#024b43
```
#024b43 rgb(2,75,67)
```
#035e54
```
#035e54 rgb(3,94,84)
```
#047165
```
#047165 rgb(4,113,101)
```
#048476
```
#048476 rgb(4,132,118)
```
#059787
```
#059787 rgb(5,151,135)
```
#06aa98
```
#06aa98 rgb(6,170,152)
```
#06bda9
```
#06bda9 rgb(6,189,169)
```
#07d0ba
```
#07d0ba rgb(7,208,186)
```
#08e3cb
```
#08e3cb rgb(8,227,203)
```
#08f6dc
```
#08f6dc rgb(8,246,220)
```

Shade Color Variation

#1af7df
```
#1af7df rgb(26,247,223)
```
#2df8e2
```
#2df8e2 rgb(45,248,226)
```
#40f9e5
```
#40f9e5 rgb(64,249,229)
```
#53f9e7
```
#53f9e7 rgb(83,249,231)
```
#66faea
```
#66faea rgb(102,250,234)
```
#79fbec
```
#79fbec rgb(121,251,236)
```
#8cfbef
```
#8cfbef rgb(140,251,239)
```
#9ffcf2
```
#9ffcf2 rgb(159,252,242)
```
#b2fcf4
```
#b2fcf4 rgb(178,252,244)
```
#c5fdf7
```
#c5fdf7 rgb(197,253,247)
```
#d8fefa
```
#d8fefa rgb(216,254,250)
```
#ebfefc
```
#ebfefc rgb(235,254,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#919494
```
#919494 rgb(145,148,148)
```
#899c9a
```
#899c9a rgb(137,156,154)
```
#80a5a1
```
#80a5a1 rgb(128,165,161)
```
#78ada7
```
#78ada7 rgb(120,173,167)
```
#70b5ae
```
#70b5ae rgb(112,181,174)
```
#67beb4
```
#67beb4 rgb(103,190,180)
```
#5fc6bb
```
#5fc6bb rgb(95,198,187)
```
#57cec1
```
#57cec1 rgb(87,206,193)
```
#4ed7c8
```
#4ed7c8 rgb(78,215,200)
```
#46dfce
```
#46dfce rgb(70,223,206)
```
#3ee7d5
```
#3ee7d5 rgb(62,231,213)
```
#35f0db
```
#35f0db rgb(53,240,219)
```
#2df8e2
```
#2df8e2 rgb(45,248,226)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#9dc6c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ded6 Protanopia 1% of men
#edd9ee Deuteranopia 1% of men
#81efff Tritanopia 0.001% of the population

Trichromacy

#a2e8da Protanomaly 1% of men, 0.01% of women
#a7e4e9 Deuteranomaly 6% of men, 0.4% of women
#62f2f4 Tritanomaly 0.01% of the population

#2df8e2 hex color

#2df8e2 Color Information

#2df8e2 Color Conversion

Color Schemes with #2df8e2

Alternatives to #2df8e2

#2df8e2 Preview

Shades and Tints of #2df8e2

Tones of #2df8e2

Color Blindness Simulator