#2df8ec hex color

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

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

● #2df8ec color description : Bright cyan.

The hexadecimal color #2df8ec has RGB values of R:45, G:248, B:236 and CMYK values of C:0.82, M:0, Y:0.05, K:0.03. Its decimal value is 3012844.

Hex triplet	2df8ec	`#2df8ec`
RGB Decimal	45, 248, 236	`rgb(45,248,236)`
RGB Percent	17.6, 97.3, 92.5	`rgb(17.6%,97.3%,92.5%)`
CMYK	82, 0, 5, 3
HSL	176.5°, 93.5, 57.5	`hsl(176.5,93.5%,57.5%)`
HSV (or HSB)	176.5°, 81.9, 97.3
Web Safe	33ffff	`#33ffff`

CIE-LAB	88.801, -48.682, -7.672
XYZ	49.785, 73.744, 90.962
xyY	0.232, 0.344, 73.744
CIE-LCH	88.801, 49.283, 188.956
CIE-LUV	88.801, -67.495, -4.426
Hunter-Lab	85.874, -46.796, -2.691
Binary	00101101, 11111000, 11101100

#2df8ec
```
#2df8ec rgb(45,248,236)
```
#f82d39
```
#f82d39 rgb(248,45,57)
```

Complementary Color

#2df887
```
#2df887 rgb(45,248,135)
```
#2df8ec
```
#2df8ec rgb(45,248,236)
```
#2d9ff8
```
#2d9ff8 rgb(45,159,248)
```

Analogous Color

#f8872d
```
#f8872d rgb(248,135,45)
```
#2df8ec
```
#2df8ec rgb(45,248,236)
```
#f82d9f
```
#f82d9f rgb(248,45,159)
```

Split Complementary Color

#f8ec2d
```
#f8ec2d rgb(248,236,45)
```
#2df8ec
```
#2df8ec rgb(45,248,236)
```
#ec2df8
```
#ec2df8 rgb(236,45,248)
```

Triadic Color

#39f82d
```
#39f82d rgb(57,248,45)
```
#2df8ec
```
#2df8ec rgb(45,248,236)
```
#ec2df8
```
#ec2df8 rgb(236,45,248)
```
#f82d39
```
#f82d39 rgb(248,45,57)
```

Tetradic Color

#07d2c6
```
#07d2c6 rgb(7,210,198)
```
#08eadd
```
#08eadd rgb(8,234,221)
```
#14f7ea
```
#14f7ea rgb(20,247,234)
```
#2df8ec
```
#2df8ec rgb(45,248,236)
```
#46f9ee
```
#46f9ee rgb(70,249,238)
```
#5efaf0
```
#5efaf0 rgb(94,250,240)
```
#77faf3
```
#77faf3 rgb(119,250,243)
```

Monochromatic Color

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

#2df8b9
```
#2df8b9 rgb(45,248,185)
```
#2df8ca
```
#2df8ca rgb(45,248,202)
```
#2df8db
```
#2df8db rgb(45,248,219)
```
#2df8ec
```
#2df8ec rgb(45,248,236)
```
#2df3f8
```
#2df3f8 rgb(45,243,248)
```
#2de2f8
```
#2de2f8 rgb(45,226,248)
```
#2dd1f8
```
#2dd1f8 rgb(45,209,248)
```

Similar Colors

Text with hexadecimal color #2df8ec

This text has a font color of #2df8ec.

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

#2df8ec background color

This paragraph has a background color of #2df8ec.

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

#2df8ec border color

This element has a border color of #2df8ec.

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

CSS codes

.text {color:#2df8ec;}

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

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

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

#011211
```
#011211 rgb(1,18,17)
```
#012523
```
#012523 rgb(1,37,35)
```
#023835
```
#023835 rgb(2,56,53)
```
#024b46
```
#024b46 rgb(2,75,70)
```
#035e58
```
#035e58 rgb(3,94,88)
```
#04716a
```
#04716a rgb(4,113,106)
```
#04847c
```
#04847c rgb(4,132,124)
```
#05978e
```
#05978e rgb(5,151,142)
```
#06aaa0
```
#06aaa0 rgb(6,170,160)
```
#06bdb2
```
#06bdb2 rgb(6,189,178)
```
#07d0c4
```
#07d0c4 rgb(7,208,196)
```
#08e3d6
```
#08e3d6 rgb(8,227,214)
```
#08f6e8
```
#08f6e8 rgb(8,246,232)
```

Shade Color Variation

#1af7ea
```
#1af7ea rgb(26,247,234)
```
#2df8ec
```
#2df8ec rgb(45,248,236)
```
#40f9ee
```
#40f9ee rgb(64,249,238)
```
#53f9ef
```
#53f9ef rgb(83,249,239)
```
#66faf1
```
#66faf1 rgb(102,250,241)
```
#79fbf3
```
#79fbf3 rgb(121,251,243)
```
#8cfbf5
```
#8cfbf5 rgb(140,251,245)
```
#9ffcf6
```
#9ffcf6 rgb(159,252,246)
```
#b2fcf8
```
#b2fcf8 rgb(178,252,248)
```
#c5fdfa
```
#c5fdfa rgb(197,253,250)
```
#d8fefb
```
#d8fefb rgb(216,254,251)
```
#ebfefd
```
#ebfefd rgb(235,254,253)
```
#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 #2df8ec is the most saturated one.

#919494
```
#919494 rgb(145,148,148)
```
#899c9b
```
#899c9b rgb(137,156,155)
```
#80a5a2
```
#80a5a2 rgb(128,165,162)
```
#78adaa
```
#78adaa rgb(120,173,170)
```
#70b5b1
```
#70b5b1 rgb(112,181,177)
```
#67beb8
```
#67beb8 rgb(103,190,184)
```
#5fc6c0
```
#5fc6c0 rgb(95,198,192)
```
#57cec7
```
#57cec7 rgb(87,206,199)
```
#4ed7cf
```
#4ed7cf rgb(78,215,207)
```
#46dfd6
```
#46dfd6 rgb(70,223,214)
```
#3ee7dd
```
#3ee7dd rgb(62,231,221)
```
#35f0e5
```
#35f0e5 rgb(53,240,229)
```
#2df8ec
```
#2df8ec rgb(45,248,236)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#9ec6c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4dfdf Protanopia 1% of men
#eadbf7 Deuteranopia 1% of men
#84f0ff Tritanopia 0.001% of the population

Trichromacy

#a1e8e4 Protanomaly 1% of men, 0.01% of women
#a5e5f3 Deuteranomaly 6% of men, 0.4% of women
#64f3f8 Tritanomaly 0.01% of the population

#2df8ec hex color

#2df8ec Color Information

#2df8ec Color Conversion

Color Schemes with #2df8ec

Alternatives to #2df8ec

#2df8ec Preview

Shades and Tints of #2df8ec

Tones of #2df8ec

Color Blindness Simulator