#2dd5ff hex color

In a RGB color space, hex #2dd5ff is composed of 17.6% red, 83.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 16.5% magenta, 0% yellow and 0% black. It has a hue angle of 192 degrees, a saturation of 100% and a lightness of 58.8%. #2dd5ff color hex could be obtained by blending #5affff with #00abff. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 84
- B 100
RGB color chart
- C 82
- M 16
- Y 0
- K 0
CMYK color chart

● #2dd5ff color description : Vivid cyan.

The hexadecimal color #2dd5ff has RGB values of R:45, G:213, B:255 and CMYK values of C:0.82, M:0.16, Y:0, K:0. Its decimal value is 3003903.

Hex triplet	2dd5ff	`#2dd5ff`
RGB Decimal	45, 213, 255	`rgb(45,213,255)`
RGB Percent	17.6, 83.5, 100	`rgb(17.6%,83.5%,100%)`
CMYK	82, 16, 0, 0
HSL	192°, 100, 58.8	`hsl(192,100%,58.8%)`
HSV (or HSB)	192°, 82.4, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.249, -26.955, -32.124
XYZ	42.922, 55.362, 103.026
xyY	0.213, 0.275, 55.362
CIE-LCH	79.249, 41.935, 230.001
CIE-LUV	79.249, -54.235, -48.371
Hunter-Lab	74.406, -27.241, -30.012
Binary	00101101, 11010101, 11111111

#2dd5ff
```
#2dd5ff rgb(45,213,255)
```
#ff572d
```
#ff572d rgb(255,87,45)
```

Complementary Color

#2dffc0
```
#2dffc0 rgb(45,255,192)
```
#2dd5ff
```
#2dd5ff rgb(45,213,255)
```
#2d6cff
```
#2d6cff rgb(45,108,255)
```

Analogous Color

#ffc02d
```
#ffc02d rgb(255,192,45)
```
#2dd5ff
```
#2dd5ff rgb(45,213,255)
```
#ff2d6c
```
#ff2d6c rgb(255,45,108)
```

Split Complementary Color

#d5ff2d
```
#d5ff2d rgb(213,255,45)
```
#2dd5ff
```
#2dd5ff rgb(45,213,255)
```
#ff2dd5
```
#ff2dd5 rgb(255,45,213)
```

Triadic Color

#2dff57
```
#2dff57 rgb(45,255,87)
```
#2dd5ff
```
#2dd5ff rgb(45,213,255)
```
#ff2dd5
```
#ff2dd5 rgb(255,45,213)
```
#ff572d
```
#ff572d rgb(255,87,45)
```

Tetradic Color

#00b3e0
```
#00b3e0 rgb(0,179,224)
```
#00c7f9
```
#00c7f9 rgb(0,199,249)
```
#14d0ff
```
#14d0ff rgb(20,208,255)
```
#2dd5ff
```
#2dd5ff rgb(45,213,255)
```
#47daff
```
#47daff rgb(71,218,255)
```
#60dfff
```
#60dfff rgb(96,223,255)
```
#7ae4ff
```
#7ae4ff rgb(122,228,255)
```

Monochromatic Color

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

#2dfff5
```
#2dfff5 rgb(45,255,245)
```
#2df8ff
```
#2df8ff rgb(45,248,255)
```
#2de7ff
```
#2de7ff rgb(45,231,255)
```
#2dd5ff
```
#2dd5ff rgb(45,213,255)
```
#2dc4ff
```
#2dc4ff rgb(45,196,255)
```
#2db2ff
```
#2db2ff rgb(45,178,255)
```
#2da1ff
```
#2da1ff rgb(45,161,255)
```

Similar Colors

Text with hexadecimal color #2dd5ff

This text has a font color of #2dd5ff.

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

#2dd5ff background color

This paragraph has a background color of #2dd5ff.

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

#2dd5ff border color

This element has a border color of #2dd5ff.

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

CSS codes

.text {color:#2dd5ff;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#001419
```
#001419 rgb(0,20,25)
```
#00242d
```
#00242d rgb(0,36,45)
```
#003441
```
#003441 rgb(0,52,65)
```
#004354
```
#004354 rgb(0,67,84)
```
#005368
```
#005368 rgb(0,83,104)
```
#00637b
```
#00637b rgb(0,99,123)
```
#00728f
```
#00728f rgb(0,114,143)
```
#0082a3
```
#0082a3 rgb(0,130,163)
```
#0092b6
```
#0092b6 rgb(0,146,182)
```
#00a2ca
```
#00a2ca rgb(0,162,202)
```
#00b1de
```
#00b1de rgb(0,177,222)
```
#00c1f1
```
#00c1f1 rgb(0,193,241)
```

Shade Color Variation

#06cdff
```
#06cdff rgb(6,205,255)
```
#19d1ff
```
#19d1ff rgb(25,209,255)
```
#2dd5ff
```
#2dd5ff rgb(45,213,255)
```
#41d9ff
```
#41d9ff rgb(65,217,255)
```
#54ddff
```
#54ddff rgb(84,221,255)
```
#68e1ff
```
#68e1ff rgb(104,225,255)
```
#7be5ff
```
#7be5ff rgb(123,229,255)
```
#8fe9ff
```
#8fe9ff rgb(143,233,255)
```
#a3edff
```
#a3edff rgb(163,237,255)
```
#b6f0ff
```
#b6f0ff rgb(182,240,255)
```
#caf4ff
```
#caf4ff rgb(202,244,255)
```
#def8ff
```
#def8ff rgb(222,248,255)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#8e9b9e
```
#8e9b9e rgb(142,155,158)
```
#86a0a6
```
#86a0a6 rgb(134,160,166)
```
#7ea5ae
```
#7ea5ae rgb(126,165,174)
```
#76a9b6
```
#76a9b6 rgb(118,169,182)
```
#6eaebe
```
#6eaebe rgb(110,174,190)
```
#66b3c6
```
#66b3c6 rgb(102,179,198)
```
#5db8cf
```
#5db8cf rgb(93,184,207)
```
#55bdd7
```
#55bdd7 rgb(85,189,215)
```
#4dc2df
```
#4dc2df rgb(77,194,223)
```
#45c6e7
```
#45c6e7 rgb(69,198,231)
```
#3dcbef
```
#3dcbef rgb(61,203,239)
```
#35d0f7
```
#35d0f7 rgb(53,208,247)
```
#2dd5ff
```
#2dd5ff rgb(45,213,255)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#8fb1b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc5f3 Protanopia 1% of men
#b6c5ff Deuteranopia 1% of men
#00daea Tritanopia 0.001% of the population

Trichromacy

#87cbf7 Protanomaly 1% of men, 0.01% of women
#84caff Deuteranomaly 6% of men, 0.4% of women
#10d8f2 Tritanomaly 0.01% of the population

#2dd5ff hex color

#2dd5ff Color Information

#2dd5ff Color Conversion

Color Schemes with #2dd5ff

Alternatives to #2dd5ff

#2dd5ff Preview

Shades and Tints of #2dd5ff

Tones of #2dd5ff

Color Blindness Simulator