#2defd4 hex color

In a RGB color space, hex #2defd4 is composed of 17.6% red, 93.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 0% magenta, 11.3% yellow and 6.3% black. It has a hue angle of 171.6 degrees, a saturation of 85.8% and a lightness of 55.7%. #2defd4 color hex could be obtained by blending #5affff with #00dfa9. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 18
- G 94
- B 83
RGB color chart
- C 81
- M 0
- Y 11
- K 6
CMYK color chart

● #2defd4 color description : Bright cyan.

The hexadecimal color #2defd4 has RGB values of R:45, G:239, B:212 and CMYK values of C:0.81, M:0, Y:0.11, K:0.06. Its decimal value is 3010516.

Hex triplet	2defd4	`#2defd4`
RGB Decimal	45, 239, 212	`rgb(45,239,212)`
RGB Percent	17.6, 93.7, 83.1	`rgb(17.6%,93.7%,83.1%)`
CMYK	81, 0, 11, 6
HSL	171.6°, 85.8, 55.7	`hsl(171.6,85.8%,55.7%)`
HSV (or HSB)	171.6°, 81.2, 93.7
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.524, -51.318, 0.065
XYZ	43.828, 67.04, 72.914
xyY	0.238, 0.365, 67.04
CIE-LCH	85.524, 51.318, 179.927
CIE-LUV	85.524, -66.263, 8.267
Hunter-Lab	81.878, -47.738, 4.516
Binary	00101101, 11101111, 11010100

#2defd4
```
#2defd4 rgb(45,239,212)
```
#ef2d48
```
#ef2d48 rgb(239,45,72)
```

Complementary Color

#2def73
```
#2def73 rgb(45,239,115)
```
#2defd4
```
#2defd4 rgb(45,239,212)
```
#2da9ef
```
#2da9ef rgb(45,169,239)
```

Analogous Color

#ef732d
```
#ef732d rgb(239,115,45)
```
#2defd4
```
#2defd4 rgb(45,239,212)
```
#ef2da9
```
#ef2da9 rgb(239,45,169)
```

Split Complementary Color

#efd42d
```
#efd42d rgb(239,212,45)
```
#2defd4
```
#2defd4 rgb(45,239,212)
```
#d42def
```
#d42def rgb(212,45,239)
```

Triadic Color

#48ef2d
```
#48ef2d rgb(72,239,45)
```
#2defd4
```
#2defd4 rgb(45,239,212)
```
#d42def
```
#d42def rgb(212,45,239)
```
#ef2d48
```
#ef2d48 rgb(239,45,72)
```

Tetradic Color

#0fc1a8
```
#0fc1a8 rgb(15,193,168)
```
#10d9bd
```
#10d9bd rgb(16,217,189)
```
#15edcf
```
#15edcf rgb(21,237,207)
```
#2defd4
```
#2defd4 rgb(45,239,212)
```
#45f1d9
```
#45f1d9 rgb(69,241,217)
```
#5cf3de
```
#5cf3de rgb(92,243,222)
```
#74f4e3
```
#74f4e3 rgb(116,244,227)
```

Monochromatic Color

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

#2defa4
```
#2defa4 rgb(45,239,164)
```
#2defb4
```
#2defb4 rgb(45,239,180)
```
#2defc4
```
#2defc4 rgb(45,239,196)
```
#2defd4
```
#2defd4 rgb(45,239,212)
```
#2defe4
```
#2defe4 rgb(45,239,228)
```
#2deaef
```
#2deaef rgb(45,234,239)
```
#2ddaef
```
#2ddaef rgb(45,218,239)
```

Similar Colors

Text with hexadecimal color #2defd4

This text has a font color of #2defd4.

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

#2defd4 background color

This paragraph has a background color of #2defd4.

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

#2defd4 border color

This element has a border color of #2defd4.

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

CSS codes

.text {color:#2defd4;}

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

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

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

#010908
```
#010908 rgb(1,9,8)
```
#021b17
```
#021b17 rgb(2,27,23)
```
#032d27
```
#032d27 rgb(3,45,39)
```
#053f37
```
#053f37 rgb(5,63,55)
```
#065247
```
#065247 rgb(6,82,71)
```
#086457
```
#086457 rgb(8,100,87)
```
#097667
```
#097667 rgb(9,118,103)
```
#0a8877
```
#0a8877 rgb(10,136,119)
```
#0c9b87
```
#0c9b87 rgb(12,155,135)
```
#0dad97
```
#0dad97 rgb(13,173,151)
```
#0fbfa6
```
#0fbfa6 rgb(15,191,166)
```
#10d1b6
```
#10d1b6 rgb(16,209,182)
```
#11e3c6
```
#11e3c6 rgb(17,227,198)
```

Shade Color Variation

#1beed0
```
#1beed0 rgb(27,238,208)
```
#2defd4
```
#2defd4 rgb(45,239,212)
```
#3ff0d8
```
#3ff0d8 rgb(63,240,216)
```
#51f2db
```
#51f2db rgb(81,242,219)
```
#64f3df
```
#64f3df rgb(100,243,223)
```
#76f5e3
```
#76f5e3 rgb(118,245,227)
```
#88f6e7
```
#88f6e7 rgb(136,246,231)
```
#9af7ea
```
#9af7ea rgb(154,247,234)
```
#adf9ee
```
#adf9ee rgb(173,249,238)
```
#bffaf2
```
#bffaf2 rgb(191,250,242)
```
#d1fbf6
```
#d1fbf6 rgb(209,251,246)
```
#e3fdf9
```
#e3fdf9 rgb(227,253,249)
```
#f5fefd
```
#f5fefd rgb(245,254,253)
```

Tint Color Variation

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

#8d8f8f
```
#8d8f8f rgb(141,143,143)
```
#849895
```
#849895 rgb(132,152,149)
```
#7ba19c
```
#7ba19c rgb(123,161,156)
```
#73a9a2
```
#73a9a2 rgb(115,169,162)
```
#6ab2a8
```
#6ab2a8 rgb(106,178,168)
```
#61bbae
```
#61bbae rgb(97,187,174)
```
#58c4b5
```
#58c4b5 rgb(88,196,181)
```
#50ccbb
```
#50ccbb rgb(80,204,187)
```
#47d5c1
```
#47d5c1 rgb(71,213,193)
```
#3edec7
```
#3edec7 rgb(62,222,199)
```
#36e6ce
```
#36e6ce rgb(54,230,206)
```
#2defd4
```
#2defd4 rgb(45,239,212)
```
#24f8da
```
#24f8da rgb(36,248,218)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#97beb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd7c9 Protanopia 1% of men
#e7d1e0 Deuteranopia 1% of men
#59eafb Tritanopia 0.001% of the population

Trichromacy

#9edfcd Protanomaly 1% of men, 0.01% of women
#a3dcdc Deuteranomaly 6% of men, 0.4% of women
#49ebed Tritanomaly 0.01% of the population

#2defd4 hex color

#2defd4 Color Information

#2defd4 Color Conversion

Color Schemes with #2defd4

Alternatives to #2defd4

#2defd4 Preview

Shades and Tints of #2defd4

Tones of #2defd4

Color Blindness Simulator