#2dd6ff hex color

In a RGB color space, hex #2dd6ff is composed of 17.6% red, 83.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 16.1% magenta, 0% yellow and 0% black. It has a hue angle of 191.7 degrees, a saturation of 100% and a lightness of 58.8%. #2dd6ff color hex could be obtained by blending #5affff with #00adff. 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

● #2dd6ff color description : Vivid cyan.

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

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

CIE-LAB	79.538, -27.448, -31.68
XYZ	43.174, 55.867, 103.11
xyY	0.214, 0.276, 55.867
CIE-LCH	79.538, 41.917, 229.094
CIE-LUV	79.538, -54.574, -47.557
Hunter-Lab	74.744, -27.697, -29.47
Binary	00101101, 11010110, 11111111

#2dd6ff
```
#2dd6ff rgb(45,214,255)
```
#ff562d
```
#ff562d rgb(255,86,45)
```

Complementary Color

#2dffbf
```
#2dffbf rgb(45,255,191)
```
#2dd6ff
```
#2dd6ff rgb(45,214,255)
```
#2d6dff
```
#2d6dff rgb(45,109,255)
```

Analogous Color

#ffbf2d
```
#ffbf2d rgb(255,191,45)
```
#2dd6ff
```
#2dd6ff rgb(45,214,255)
```
#ff2d6d
```
#ff2d6d rgb(255,45,109)
```

Split Complementary Color

#d6ff2d
```
#d6ff2d rgb(214,255,45)
```
#2dd6ff
```
#2dd6ff rgb(45,214,255)
```
#ff2dd6
```
#ff2dd6 rgb(255,45,214)
```

Triadic Color

#2dff56
```
#2dff56 rgb(45,255,86)
```
#2dd6ff
```
#2dd6ff rgb(45,214,255)
```
#ff2dd6
```
#ff2dd6 rgb(255,45,214)
```
#ff562d
```
#ff562d rgb(255,86,45)
```

Tetradic Color

#00b4e0
```
#00b4e0 rgb(0,180,224)
```
#00c8f9
```
#00c8f9 rgb(0,200,249)
```
#14d1ff
```
#14d1ff rgb(20,209,255)
```
#2dd6ff
```
#2dd6ff rgb(45,214,255)
```
#47dbff
```
#47dbff rgb(71,219,255)
```
#60e0ff
```
#60e0ff rgb(96,224,255)
```
#7ae5ff
```
#7ae5ff rgb(122,229,255)
```

Monochromatic Color

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

#2dfff4
```
#2dfff4 rgb(45,255,244)
```
#2df9ff
```
#2df9ff rgb(45,249,255)
```
#2de8ff
```
#2de8ff rgb(45,232,255)
```
#2dd6ff
```
#2dd6ff rgb(45,214,255)
```
#2dc5ff
```
#2dc5ff rgb(45,197,255)
```
#2db3ff
```
#2db3ff rgb(45,179,255)
```
#2da2ff
```
#2da2ff rgb(45,162,255)
```

Similar Colors

Text with hexadecimal color #2dd6ff

This text has a font color of #2dd6ff.

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

#2dd6ff background color

This paragraph has a background color of #2dd6ff.

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

#2dd6ff border color

This element has a border color of #2dd6ff.

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

CSS codes

.text {color:#2dd6ff;}

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

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

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)
```
#004454
```
#004454 rgb(0,68,84)
```
#005468
```
#005468 rgb(0,84,104)
```
#00637b
```
#00637b rgb(0,99,123)
```
#00738f
```
#00738f rgb(0,115,143)
```
#0083a3
```
#0083a3 rgb(0,131,163)
```
#0093b6
```
#0093b6 rgb(0,147,182)
```
#00a3ca
```
#00a3ca rgb(0,163,202)
```
#00b2de
```
#00b2de rgb(0,178,222)
```
#00c2f1
```
#00c2f1 rgb(0,194,241)
```

Shade Color Variation

#06ceff
```
#06ceff rgb(6,206,255)
```
#19d2ff
```
#19d2ff rgb(25,210,255)
```
#2dd6ff
```
#2dd6ff rgb(45,214,255)
```
#41daff
```
#41daff rgb(65,218,255)
```
#54deff
```
#54deff rgb(84,222,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)
```
#b6f1ff
```
#b6f1ff rgb(182,241,255)
```
#caf5ff
```
#caf5ff rgb(202,245,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 #2dd6ff is the most saturated one.

#8e9b9e
```
#8e9b9e rgb(142,155,158)
```
#86a0a6
```
#86a0a6 rgb(134,160,166)
```
#7ea5ae
```
#7ea5ae rgb(126,165,174)
```
#76aab6
```
#76aab6 rgb(118,170,182)
```
#6eafbe
```
#6eafbe rgb(110,175,190)
```
#66b4c6
```
#66b4c6 rgb(102,180,198)
```
#5db8cf
```
#5db8cf rgb(93,184,207)
```
#55bdd7
```
#55bdd7 rgb(85,189,215)
```
#4dc2df
```
#4dc2df rgb(77,194,223)
```
#45c7e7
```
#45c7e7 rgb(69,199,231)
```
#3dccef
```
#3dccef rgb(61,204,239)
```
#35d1f7
```
#35d1f7 rgb(53,209,247)
```
#2dd6ff
```
#2dd6ff rgb(45,214,255)
```

Tone Color Variation

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

#bcc6f3 Protanopia 1% of men
#b8c5ff Deuteranopia 1% of men
#00dbeb Tritanopia 0.001% of the population

Trichromacy

#88cbf7 Protanomaly 1% of men, 0.01% of women
#85cbff Deuteranomaly 6% of men, 0.4% of women
#10d9f2 Tritanomaly 0.01% of the population

#2dd6ff hex color

#2dd6ff Color Information

#2dd6ff Color Conversion

Color Schemes with #2dd6ff

Alternatives to #2dd6ff

#2dd6ff Preview

Shades and Tints of #2dd6ff

Tones of #2dd6ff

Color Blindness Simulator