#2dd1ff hex color

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

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

● #2dd1ff color description : Vivid cyan.

The hexadecimal color #2dd1ff has RGB values of R:45, G:209, B:255 and CMYK values of C:0.82, M:0.18, Y:0, K:0. Its decimal value is 3002879.

Hex triplet	2dd1ff	`#2dd1ff`
RGB Decimal	45, 209, 255	`rgb(45,209,255)`
RGB Percent	17.6, 82, 100	`rgb(17.6%,82%,100%)`
CMYK	82, 18, 0, 0
HSL	193.1°, 100, 58.8	`hsl(193.1,100%,58.8%)`
HSV (or HSB)	193.1°, 82.4, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.096, -24.966, -33.903
XYZ	41.928, 53.375, 102.695
xyY	0.212, 0.27, 53.375
CIE-LCH	78.096, 42.103, 233.632
CIE-LUV	78.096, -52.879, -51.626
Hunter-Lab	73.058, -25.411, -32.201
Binary	00101101, 11010001, 11111111

#2dd1ff
```
#2dd1ff rgb(45,209,255)
```
#ff5b2d
```
#ff5b2d rgb(255,91,45)
```

Complementary Color

#2dffc4
```
#2dffc4 rgb(45,255,196)
```
#2dd1ff
```
#2dd1ff rgb(45,209,255)
```
#2d68ff
```
#2d68ff rgb(45,104,255)
```

Analogous Color

#ffc42d
```
#ffc42d rgb(255,196,45)
```
#2dd1ff
```
#2dd1ff rgb(45,209,255)
```
#ff2d68
```
#ff2d68 rgb(255,45,104)
```

Split Complementary Color

#d1ff2d
```
#d1ff2d rgb(209,255,45)
```
#2dd1ff
```
#2dd1ff rgb(45,209,255)
```
#ff2dd1
```
#ff2dd1 rgb(255,45,209)
```

Triadic Color

#2dff5b
```
#2dff5b rgb(45,255,91)
```
#2dd1ff
```
#2dd1ff rgb(45,209,255)
```
#ff2dd1
```
#ff2dd1 rgb(255,45,209)
```
#ff5b2d
```
#ff5b2d rgb(255,91,45)
```

Tetradic Color

#00afe0
```
#00afe0 rgb(0,175,224)
```
#00c2f9
```
#00c2f9 rgb(0,194,249)
```
#14cbff
```
#14cbff rgb(20,203,255)
```
#2dd1ff
```
#2dd1ff rgb(45,209,255)
```
#47d7ff
```
#47d7ff rgb(71,215,255)
```
#60dcff
```
#60dcff rgb(96,220,255)
```
#7ae2ff
```
#7ae2ff rgb(122,226,255)
```

Monochromatic Color

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

#2dfff9
```
#2dfff9 rgb(45,255,249)
```
#2df4ff
```
#2df4ff rgb(45,244,255)
```
#2de3ff
```
#2de3ff rgb(45,227,255)
```
#2dd1ff
```
#2dd1ff rgb(45,209,255)
```
#2dc0ff
```
#2dc0ff rgb(45,192,255)
```
#2daeff
```
#2daeff rgb(45,174,255)
```
#2d9dff
```
#2d9dff rgb(45,157,255)
```

Similar Colors

Text with hexadecimal color #2dd1ff

This text has a font color of #2dd1ff.

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

#2dd1ff background color

This paragraph has a background color of #2dd1ff.

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

#2dd1ff border color

This element has a border color of #2dd1ff.

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

CSS codes

.text {color:#2dd1ff;}

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

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

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)
```
#00232d
```
#00232d rgb(0,35,45)
```
#003241
```
#003241 rgb(0,50,65)
```
#004254
```
#004254 rgb(0,66,84)
```
#005168
```
#005168 rgb(0,81,104)
```
#00607b
```
#00607b rgb(0,96,123)
```
#00708f
```
#00708f rgb(0,112,143)
```
#007fa3
```
#007fa3 rgb(0,127,163)
```
#008eb6
```
#008eb6 rgb(0,142,182)
```
#009eca
```
#009eca rgb(0,158,202)
```
#00adde
```
#00adde rgb(0,173,222)
```
#00bcf1
```
#00bcf1 rgb(0,188,241)
```

Shade Color Variation

#06c8ff
```
#06c8ff rgb(6,200,255)
```
#19cdff
```
#19cdff rgb(25,205,255)
```
#2dd1ff
```
#2dd1ff rgb(45,209,255)
```
#41d5ff
```
#41d5ff rgb(65,213,255)
```
#54daff
```
#54daff rgb(84,218,255)
```
#68deff
```
#68deff rgb(104,222,255)
```
#7be2ff
```
#7be2ff rgb(123,226,255)
```
#8fe6ff
```
#8fe6ff rgb(143,230,255)
```
#a3ebff
```
#a3ebff rgb(163,235,255)
```
#b6efff
```
#b6efff rgb(182,239,255)
```
#caf3ff
```
#caf3ff rgb(202,243,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 #2dd1ff is the most saturated one.

#8e9b9e
```
#8e9b9e rgb(142,155,158)
```
#869fa6
```
#869fa6 rgb(134,159,166)
```
#7ea4ae
```
#7ea4ae rgb(126,164,174)
```
#76a8b6
```
#76a8b6 rgb(118,168,182)
```
#6eadbe
```
#6eadbe rgb(110,173,190)
```
#66b1c6
```
#66b1c6 rgb(102,177,198)
```
#5db6cf
```
#5db6cf rgb(93,182,207)
```
#55bad7
```
#55bad7 rgb(85,186,215)
```
#4dbfdf
```
#4dbfdf rgb(77,191,223)
```
#45c3e7
```
#45c3e7 rgb(69,195,231)
```
#3dc8ef
```
#3dc8ef rgb(61,200,239)
```
#35ccf7
```
#35ccf7 rgb(53,204,247)
```
#2dd1ff
```
#2dd1ff rgb(45,209,255)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8daeb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c2f3 Protanopia 1% of men
#b1c2ff Deuteranopia 1% of men
#00d7e6 Tritanopia 0.001% of the population

Trichromacy

#84c7f7 Protanomaly 1% of men, 0.01% of women
#81c7ff Deuteranomaly 6% of men, 0.4% of women
#10d5ef Tritanomaly 0.01% of the population

#2dd1ff hex color

#2dd1ff Color Information

#2dd1ff Color Conversion

Color Schemes with #2dd1ff

Alternatives to #2dd1ff

#2dd1ff Preview

Shades and Tints of #2dd1ff

Tones of #2dd1ff

Color Blindness Simulator