#2ddaff hex color

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

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

● #2ddaff color description : Vivid cyan.

The hexadecimal color #2ddaff has RGB values of R:45, G:218, B:255 and CMYK values of C:0.82, M:0.15, Y:0, K:0. Its decimal value is 3005183.

Hex triplet	2ddaff	`#2ddaff`
RGB Decimal	45, 218, 255	`rgb(45,218,255)`
RGB Percent	17.6, 85.5, 100	`rgb(17.6%,85.5%,100%)`
CMYK	82, 15, 0, 0
HSL	190.6°, 100, 58.8	`hsl(190.6,100%,58.8%)`
HSV (or HSB)	190.6°, 82.4, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.692, -29.407, -29.907
XYZ	44.199, 57.916, 103.452
xyY	0.215, 0.282, 57.916
CIE-LCH	80.692, 41.942, 225.483
CIE-LUV	80.692, -55.93, -44.306
Hunter-Lab	76.103, -29.512, -27.325
Binary	00101101, 11011010, 11111111

#2ddaff
```
#2ddaff rgb(45,218,255)
```
#ff522d
```
#ff522d rgb(255,82,45)
```

Complementary Color

#2dffbb
```
#2dffbb rgb(45,255,187)
```
#2ddaff
```
#2ddaff rgb(45,218,255)
```
#2d71ff
```
#2d71ff rgb(45,113,255)
```

Analogous Color

#ffbb2d
```
#ffbb2d rgb(255,187,45)
```
#2ddaff
```
#2ddaff rgb(45,218,255)
```
#ff2d71
```
#ff2d71 rgb(255,45,113)
```

Split Complementary Color

#daff2d
```
#daff2d rgb(218,255,45)
```
#2ddaff
```
#2ddaff rgb(45,218,255)
```
#ff2dda
```
#ff2dda rgb(255,45,218)
```

Triadic Color

#2dff52
```
#2dff52 rgb(45,255,82)
```
#2ddaff
```
#2ddaff rgb(45,218,255)
```
#ff2dda
```
#ff2dda rgb(255,45,218)
```
#ff522d
```
#ff522d rgb(255,82,45)
```

Tetradic Color

#00b8e0
```
#00b8e0 rgb(0,184,224)
```
#00cdf9
```
#00cdf9 rgb(0,205,249)
```
#14d6ff
```
#14d6ff rgb(20,214,255)
```
#2ddaff
```
#2ddaff rgb(45,218,255)
```
#47deff
```
#47deff rgb(71,222,255)
```
#60e3ff
```
#60e3ff rgb(96,227,255)
```
#7ae7ff
```
#7ae7ff rgb(122,231,255)
```

Monochromatic Color

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

#2dfff0
```
#2dfff0 rgb(45,255,240)
```
#2dfdff
```
#2dfdff rgb(45,253,255)
```
#2decff
```
#2decff rgb(45,236,255)
```
#2ddaff
```
#2ddaff rgb(45,218,255)
```
#2dc9ff
```
#2dc9ff rgb(45,201,255)
```
#2db7ff
```
#2db7ff rgb(45,183,255)
```
#2da6ff
```
#2da6ff rgb(45,166,255)
```

Similar Colors

Text with hexadecimal color #2ddaff

This text has a font color of #2ddaff.

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

#2ddaff background color

This paragraph has a background color of #2ddaff.

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

#2ddaff border color

This element has a border color of #2ddaff.

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

CSS codes

.text {color:#2ddaff;}

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

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

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 #f1fdff is the lightest one.

#000506
```
#000506 rgb(0,5,6)
```
#001519
```
#001519 rgb(0,21,25)
```
#00252d
```
#00252d rgb(0,37,45)
```
#003541
```
#003541 rgb(0,53,65)
```
#004554
```
#004554 rgb(0,69,84)
```
#005668
```
#005668 rgb(0,86,104)
```
#00667b
```
#00667b rgb(0,102,123)
```
#00768f
```
#00768f rgb(0,118,143)
```
#0086a3
```
#0086a3 rgb(0,134,163)
```
#0096b6
```
#0096b6 rgb(0,150,182)
```
#00a6ca
```
#00a6ca rgb(0,166,202)
```
#00b7de
```
#00b7de rgb(0,183,222)
```
#00c7f1
```
#00c7f1 rgb(0,199,241)
```

Shade Color Variation

#06d3ff
```
#06d3ff rgb(6,211,255)
```
#19d7ff
```
#19d7ff rgb(25,215,255)
```
#2ddaff
```
#2ddaff rgb(45,218,255)
```
#41ddff
```
#41ddff rgb(65,221,255)
```
#54e1ff
```
#54e1ff rgb(84,225,255)
```
#68e4ff
```
#68e4ff rgb(104,228,255)
```
#7be8ff
```
#7be8ff rgb(123,232,255)
```
#8febff
```
#8febff rgb(143,235,255)
```
#a3efff
```
#a3efff rgb(163,239,255)
```
#b6f2ff
```
#b6f2ff rgb(182,242,255)
```
#caf6ff
```
#caf6ff rgb(202,246,255)
```
#def9ff
```
#def9ff rgb(222,249,255)
```
#f1fdff
```
#f1fdff rgb(241,253,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 #2ddaff is the most saturated one.

#8e9b9e
```
#8e9b9e rgb(142,155,158)
```
#86a0a6
```
#86a0a6 rgb(134,160,166)
```
#7ea6ae
```
#7ea6ae rgb(126,166,174)
```
#76abb6
```
#76abb6 rgb(118,171,182)
```
#6eb0be
```
#6eb0be rgb(110,176,190)
```
#66b5c6
```
#66b5c6 rgb(102,181,198)
```
#5dbbcf
```
#5dbbcf rgb(93,187,207)
```
#55c0d7
```
#55c0d7 rgb(85,192,215)
```
#4dc5df
```
#4dc5df rgb(77,197,223)
```
#45cae7
```
#45cae7 rgb(69,202,231)
```
#3dd0ef
```
#3dd0ef rgb(61,208,239)
```
#35d5f7
```
#35d5f7 rgb(53,213,247)
```
#2ddaff
```
#2ddaff rgb(45,218,255)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#91b4bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c9f3 Protanopia 1% of men
#bdc8ff Deuteranopia 1% of men
#0edeef Tritanopia 0.001% of the population

Trichromacy

#8bcff7 Protanomaly 1% of men, 0.01% of women
#89ceff Deuteranomaly 6% of men, 0.4% of women
#19ddf4 Tritanomaly 0.01% of the population

#2ddaff hex color

#2ddaff Color Information

#2ddaff Color Conversion

Color Schemes with #2ddaff

Alternatives to #2ddaff

#2ddaff Preview

Shades and Tints of #2ddaff

Tones of #2ddaff

Color Blindness Simulator