colorhexa.com

#2dd4e0 hex color

In a RGB color space, hex #2dd4e0 is composed of 17.6% red, 83.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 5.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 184 degrees, a saturation of 74.3% and a lightness of 52.7%. #2dd4e0 color hex could be obtained by blending #5affff with #00a9c1. Closest websafe color is: #33cccc.

- R 18
- G 83
- B 88
RGB color chart
- C 80
- M 5
- Y 0
- K 12
CMYK color chart

● #2dd4e0 color description : Bright cyan.

The hexadecimal color #2dd4e0 has RGB values of R:45, G:212, B:224 and CMYK values of C:0.8, M:0.05, Y:0, K:0.12. Its decimal value is 3003616.

Hex triplet	2dd4e0	`#2dd4e0`
RGB Decimal	45, 212, 224	`rgb(45,212,224)`
RGB Percent	17.6, 83.1, 87.8	`rgb(17.6%,83.1%,87.8%)`
CMYK	80, 5, 0, 12
HSL	184°, 74.3, 52.7	`hsl(184,74.3%,52.7%)`
HSV (or HSB)	184°, 79.9, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.889, -36.104, -17.645
XYZ	38.076, 53.023, 78.745
xyY	0.224, 0.312, 53.023
CIE-LCH	77.889, 40.185, 206.046
CIE-LUV	77.889, -56.149, -22.483
Hunter-Lab	72.817, -34.091, -13.145
Binary	00101101, 11010100, 11100000

#2dd4e0
```
#2dd4e0 rgb(45,212,224)
```
#e0392d
```
#e0392d rgb(224,57,45)
```

Complementary Color

#2de093
```
#2de093 rgb(45,224,147)
```
#2dd4e0
```
#2dd4e0 rgb(45,212,224)
```
#2d7be0
```
#2d7be0 rgb(45,123,224)
```

Analogous Color

#e0932d
```
#e0932d rgb(224,147,45)
```
#2dd4e0
```
#2dd4e0 rgb(45,212,224)
```
#e02d7b
```
#e02d7b rgb(224,45,123)
```

Split Complementary Color

#d4e02d
```
#d4e02d rgb(212,224,45)
```
#2dd4e0
```
#2dd4e0 rgb(45,212,224)
```
#e02dd4
```
#e02dd4 rgb(224,45,212)
```

Triadic Color

#2de039
```
#2de039 rgb(45,224,57)
```
#2dd4e0
```
#2dd4e0 rgb(45,212,224)
```
#e02dd4
```
#e02dd4 rgb(224,45,212)
```
#e0392d
```
#e0392d rgb(224,57,45)
```

Tetradic Color

#199ea8
```
#199ea8 rgb(25,158,168)
```
#1cb3be
```
#1cb3be rgb(28,179,190)
```
#1fc8d4
```
#1fc8d4 rgb(31,200,212)
```
#2dd4e0
```
#2dd4e0 rgb(45,212,224)
```
#43d9e3
```
#43d9e3 rgb(67,217,227)
```
#59dde7
```
#59dde7 rgb(89,221,231)
```
#70e2ea
```
#70e2ea rgb(112,226,234)
```

Monochromatic Color

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

#2de0bf
```
#2de0bf rgb(45,224,191)
```
#2de0ce
```
#2de0ce rgb(45,224,206)
```
#2de0dd
```
#2de0dd rgb(45,224,221)
```
#2dd4e0
```
#2dd4e0 rgb(45,212,224)
```
#2dc5e0
```
#2dc5e0 rgb(45,197,224)
```
#2db6e0
```
#2db6e0 rgb(45,182,224)
```
#2da7e0
```
#2da7e0 rgb(45,167,224)
```

Similar Colors

Text with hexadecimal color #2dd4e0

This text has a font color of #2dd4e0.

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

#2dd4e0 background color

This paragraph has a background color of #2dd4e0.

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

#2dd4e0 border color

This element has a border color of #2dd4e0.

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

CSS codes

.text {color:#2dd4e0;}

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

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

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, #020c0c is the darkest color, while #fafefe is the lightest one.

#020c0c
```
#020c0c rgb(2,12,12)
```
#041c1d
```
#041c1d rgb(4,28,29)
```
#072c2e
```
#072c2e rgb(7,44,46)
```
#093c3f
```
#093c3f rgb(9,60,63)
```
#0c4c51
```
#0c4c51 rgb(12,76,81)
```
#0e5c62
```
#0e5c62 rgb(14,92,98)
```
#116c73
```
#116c73 rgb(17,108,115)
```
#137c84
```
#137c84 rgb(19,124,132)
```
#168c95
```
#168c95 rgb(22,140,149)
```
#199da6
```
#199da6 rgb(25,157,166)
```
#1badb7
```
#1badb7 rgb(27,173,183)
```
#1ebdc8
```
#1ebdc8 rgb(30,189,200)
```
#20cdd9
```
#20cdd9 rgb(32,205,217)
```

Shade Color Variation

#2dd4e0
```
#2dd4e0 rgb(45,212,224)
```
#3ed7e3
```
#3ed7e3 rgb(62,215,227)
```
#4fdbe5
```
#4fdbe5 rgb(79,219,229)
```
#60dee8
```
#60dee8 rgb(96,222,232)
```
#71e2ea
```
#71e2ea rgb(113,226,234)
```
#82e5ed
```
#82e5ed rgb(130,229,237)
```
#94e9ef
```
#94e9ef rgb(148,233,239)
```
#a5ecf2
```
#a5ecf2 rgb(165,236,242)
```
#b6f0f4
```
#b6f0f4 rgb(182,240,244)
```
#c7f3f7
```
#c7f3f7 rgb(199,243,247)
```
#d8f7f9
```
#d8f7f9 rgb(216,247,249)
```
#e9fafc
```
#e9fafc rgb(233,250,252)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808c8d is the less saturated color, while #11ecfc is the most saturated one.

#808c8d
```
#808c8d rgb(128,140,141)
```
#779496
```
#779496 rgb(119,148,150)
```
#6e9c9f
```
#6e9c9f rgb(110,156,159)
```
#65a4a8
```
#65a4a8 rgb(101,164,168)
```
#5bacb2
```
#5bacb2 rgb(91,172,178)
```
#52b4bb
```
#52b4bb rgb(82,180,187)
```
#49bcc4
```
#49bcc4 rgb(73,188,196)
```
#40c4cd
```
#40c4cd rgb(64,196,205)
```
#36ccd7
```
#36ccd7 rgb(54,204,215)
```
#2dd4e0
```
#2dd4e0 rgb(45,212,224)
```
#24dce9
```
#24dce9 rgb(36,220,233)
```
#1ae4f3
```
#1ae4f3 rgb(26,228,243)
```
#11ecfc
```
#11ecfc rgb(17,236,252)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8badaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c2d5 Protanopia 1% of men
#c1bfea Deuteranopia 1% of men
#3cd5e5 Tritanopia 0.001% of the population

Trichromacy

#8bc8d9 Protanomaly 1% of men, 0.01% of women
#8bc7e6 Deuteranomaly 6% of men, 0.4% of women
#36d5e3 Tritanomaly 0.01% of the population