colorhexa.com

#2df0d4 hex color

In a RGB color space, hex #2df0d4 is composed of 17.6% red, 94.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 0% magenta, 11.7% yellow and 5.9% black. It has a hue angle of 171.4 degrees, a saturation of 86.7% and a lightness of 55.9%. #2df0d4 color hex could be obtained by blending #5affff with #00e1a9. Closest websafe color is: #33ffcc.

- R 18
- G 94
- B 83
RGB color chart
- C 81
- M 0
- Y 12
- K 6
CMYK color chart

● #2df0d4 color description : Bright cyan.

The hexadecimal color #2df0d4 has RGB values of R:45, G:240, B:212 and CMYK values of C:0.81, M:0, Y:0.12, K:0.06. Its decimal value is 3010772.

Hex triplet	2df0d4	`#2df0d4`
RGB Decimal	45, 240, 212	`rgb(45,240,212)`
RGB Percent	17.6, 94.1, 83.1	`rgb(17.6%,94.1%,83.1%)`
CMYK	81, 0, 12, 6
HSL	171.4°, 86.7, 55.9	`hsl(171.4,86.7%,55.9%)`
HSV (or HSB)	171.4°, 81.3, 94.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.82, -51.732, 0.496
XYZ	44.122, 67.627, 73.012
xyY	0.239, 0.366, 67.627
CIE-LCH	85.82, 51.734, 179.45
CIE-LUV	85.82, -66.6, 9.007
Hunter-Lab	82.236, -48.142, 4.925
Binary	00101101, 11110000, 11010100

#2df0d4
```
#2df0d4 rgb(45,240,212)
```
#f02d49
```
#f02d49 rgb(240,45,73)
```

Complementary Color

#2df073
```
#2df073 rgb(45,240,115)
```
#2df0d4
```
#2df0d4 rgb(45,240,212)
```
#2dabf0
```
#2dabf0 rgb(45,171,240)
```

Analogous Color

#f0732d
```
#f0732d rgb(240,115,45)
```
#2df0d4
```
#2df0d4 rgb(45,240,212)
```
#f02dab
```
#f02dab rgb(240,45,171)
```

Split Complementary Color

#f0d42d
```
#f0d42d rgb(240,212,45)
```
#2df0d4
```
#2df0d4 rgb(45,240,212)
```
#d42df0
```
#d42df0 rgb(212,45,240)
```

Triadic Color

#49f02d
```
#49f02d rgb(73,240,45)
```
#2df0d4
```
#2df0d4 rgb(45,240,212)
```
#d42df0
```
#d42df0 rgb(212,45,240)
```
#f02d49
```
#f02d49 rgb(240,45,73)
```

Tetradic Color

#0ec3a9
```
#0ec3a9 rgb(14,195,169)
```
#10dabd
```
#10dabd rgb(16,218,189)
```
#15eecf
```
#15eecf rgb(21,238,207)
```
#2df0d4
```
#2df0d4 rgb(45,240,212)
```
#45f2d9
```
#45f2d9 rgb(69,242,217)
```
#5df3de
```
#5df3de rgb(93,243,222)
```
#74f5e3
```
#74f5e3 rgb(116,245,227)
```

Monochromatic Color

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

#2df0a3
```
#2df0a3 rgb(45,240,163)
```
#2df0b4
```
#2df0b4 rgb(45,240,180)
```
#2df0c4
```
#2df0c4 rgb(45,240,196)
```
#2df0d4
```
#2df0d4 rgb(45,240,212)
```
#2df0e4
```
#2df0e4 rgb(45,240,228)
```
#2decf0
```
#2decf0 rgb(45,236,240)
```
#2ddbf0
```
#2ddbf0 rgb(45,219,240)
```

Similar Colors

Text with hexadecimal color #2df0d4

This text has a font color of #2df0d4.

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

#2df0d4 background color

This paragraph has a background color of #2df0d4.

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

#2df0d4 border color

This element has a border color of #2df0d4.

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

CSS codes

.text {color:#2df0d4;}

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

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

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

#010a08
```
#010a08 rgb(1,10,8)
```
#021c18
```
#021c18 rgb(2,28,24)
```
#032e28
```
#032e28 rgb(3,46,40)
```
#054138
```
#054138 rgb(5,65,56)
```
#065348
```
#065348 rgb(6,83,72)
```
#076558
```
#076558 rgb(7,101,88)
```
#097868
```
#097868 rgb(9,120,104)
```
#0a8a77
```
#0a8a77 rgb(10,138,119)
```
#0b9c87
```
#0b9c87 rgb(11,156,135)
```
#0cae97
```
#0cae97 rgb(12,174,151)
```
#0ec1a7
```
#0ec1a7 rgb(14,193,167)
```
#0fd3b7
```
#0fd3b7 rgb(15,211,183)
```
#10e5c7
```
#10e5c7 rgb(16,229,199)
```

Shade Color Variation

#1befd0
```
#1befd0 rgb(27,239,208)
```
#2df0d4
```
#2df0d4 rgb(45,240,212)
```
#3ff1d8
```
#3ff1d8 rgb(63,241,216)
```
#52f3db
```
#52f3db rgb(82,243,219)
```
#64f4df
```
#64f4df rgb(100,244,223)
```
#76f5e3
```
#76f5e3 rgb(118,245,227)
```
#89f7e7
```
#89f7e7 rgb(137,247,231)
```
#9bf8ea
```
#9bf8ea rgb(155,248,234)
```
#adf9ee
```
#adf9ee rgb(173,249,238)
```
#bffaf2
```
#bffaf2 rgb(191,250,242)
```
#d2fcf6
```
#d2fcf6 rgb(210,252,246)
```
#e4fdf9
```
#e4fdf9 rgb(228,253,249)
```
#f6fefd
```
#f6fefd rgb(246,254,253)
```

Tint Color Variation

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

#8c9190
```
#8c9190 rgb(140,145,144)
```
#849996
```
#849996 rgb(132,153,150)
```
#7ba29c
```
#7ba29c rgb(123,162,156)
```
#72aba3
```
#72aba3 rgb(114,171,163)
```
#6ab3a9
```
#6ab3a9 rgb(106,179,169)
```
#61bcaf
```
#61bcaf rgb(97,188,175)
```
#58c5b5
```
#58c5b5 rgb(88,197,181)
```
#50cdbb
```
#50cdbb rgb(80,205,187)
```
#47d6c1
```
#47d6c1 rgb(71,214,193)
```
#3edfc8
```
#3edfc8 rgb(62,223,200)
```
#36e7ce
```
#36e7ce rgb(54,231,206)
```
#2df0d4
```
#2df0d4 rgb(45,240,212)
```
#24f9da
```
#24f9da rgb(36,249,218)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#98bfba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0d7c9 Protanopia 1% of men
#e8d2e1 Deuteranopia 1% of men
#59ebfc Tritanopia 0.001% of the population

Trichromacy

#9ee0cd Protanomaly 1% of men, 0.01% of women
#a4dddc Deuteranomaly 6% of men, 0.4% of women
#49eced Tritanomaly 0.01% of the population