#2ddff0 hex color

In a RGB color space, hex #2ddff0 is composed of 17.6% red, 87.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 7.1% magenta, 0% yellow and 5.9% black. It has a hue angle of 185.2 degrees, a saturation of 86.7% and a lightness of 55.9%. #2ddff0 color hex could be obtained by blending #5affff with #00bfe1. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 87
- B 94
RGB color chart
- C 81
- M 7
- Y 0
- K 6
CMYK color chart

● #2ddff0 color description : Bright cyan.

The hexadecimal color #2ddff0 has RGB values of R:45, G:223, B:240 and CMYK values of C:0.81, M:0.07, Y:0, K:0.06. Its decimal value is 3006448.

Hex triplet	2ddff0	`#2ddff0`
RGB Decimal	45, 223, 240	`rgb(45,223,240)`
RGB Percent	17.6, 87.5, 94.1	`rgb(17.6%,87.5%,94.1%)`
CMYK	81, 7, 0, 6
HSL	185.2°, 86.7, 55.9	`hsl(185.2,86.7%,55.9%)`
HSV (or HSB)	185.2°, 81.3, 94.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.631, -36.413, -20.517
XYZ	43.193, 59.62, 91.665
xyY	0.222, 0.307, 59.62
CIE-LCH	81.631, 41.796, 209.399
CIE-LUV	81.631, -58.733, -27.37
Hunter-Lab	77.214, -35.272, -16.336
Binary	00101101, 11011111, 11110000

#2ddff0
```
#2ddff0 rgb(45,223,240)
```
#f03e2d
```
#f03e2d rgb(240,62,45)
```

Complementary Color

#2df0a0
```
#2df0a0 rgb(45,240,160)
```
#2ddff0
```
#2ddff0 rgb(45,223,240)
```
#2d7ef0
```
#2d7ef0 rgb(45,126,240)
```

Analogous Color

#f0a02d
```
#f0a02d rgb(240,160,45)
```
#2ddff0
```
#2ddff0 rgb(45,223,240)
```
#f02d7e
```
#f02d7e rgb(240,45,126)
```

Split Complementary Color

#dff02d
```
#dff02d rgb(223,240,45)
```
#2ddff0
```
#2ddff0 rgb(45,223,240)
```
#f02ddf
```
#f02ddf rgb(240,45,223)
```

Triadic Color

#2df03e
```
#2df03e rgb(45,240,62)
```
#2ddff0
```
#2ddff0 rgb(45,223,240)
```
#f02ddf
```
#f02ddf rgb(240,45,223)
```
#f03e2d
```
#f03e2d rgb(240,62,45)
```

Tetradic Color

#0eb3c3
```
#0eb3c3 rgb(14,179,195)
```
#10c9da
```
#10c9da rgb(16,201,218)
```
#15dbee
```
#15dbee rgb(21,219,238)
```
#2ddff0
```
#2ddff0 rgb(45,223,240)
```
#45e3f2
```
#45e3f2 rgb(69,227,242)
```
#5de6f3
```
#5de6f3 rgb(93,230,243)
```
#74eaf5
```
#74eaf5 rgb(116,234,245)
```

Monochromatic Color

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

#2df0d0
```
#2df0d0 rgb(45,240,208)
```
#2df0e1
```
#2df0e1 rgb(45,240,225)
```
#2deff0
```
#2deff0 rgb(45,239,240)
```
#2ddff0
```
#2ddff0 rgb(45,223,240)
```
#2dcff0
```
#2dcff0 rgb(45,207,240)
```
#2dbff0
```
#2dbff0 rgb(45,191,240)
```
#2daef0
```
#2daef0 rgb(45,174,240)
```

Similar Colors

Text with hexadecimal color #2ddff0

This text has a font color of #2ddff0.

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

#2ddff0 background color

This paragraph has a background color of #2ddff0.

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

#2ddff0 border color

This element has a border color of #2ddff0.

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

CSS codes

.text {color:#2ddff0;}

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

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

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, #01090a is the darkest color, while #f6fefe is the lightest one.

#01090a
```
#01090a rgb(1,9,10)
```
#021a1c
```
#021a1c rgb(2,26,28)
```
#032b2e
```
#032b2e rgb(3,43,46)
```
#053b41
```
#053b41 rgb(5,59,65)
```
#064c53
```
#064c53 rgb(6,76,83)
```
#075d65
```
#075d65 rgb(7,93,101)
```
#096e78
```
#096e78 rgb(9,110,120)
```
#0a7f8a
```
#0a7f8a rgb(10,127,138)
```
#0b909c
```
#0b909c rgb(11,144,156)
```
#0ca0ae
```
#0ca0ae rgb(12,160,174)
```
#0eb1c1
```
#0eb1c1 rgb(14,177,193)
```
#0fc2d3
```
#0fc2d3 rgb(15,194,211)
```
#10d3e5
```
#10d3e5 rgb(16,211,229)
```

Shade Color Variation

#1bdcef
```
#1bdcef rgb(27,220,239)
```
#2ddff0
```
#2ddff0 rgb(45,223,240)
```
#3fe2f1
```
#3fe2f1 rgb(63,226,241)
```
#52e5f3
```
#52e5f3 rgb(82,229,243)
```
#64e7f4
```
#64e7f4 rgb(100,231,244)
```
#76eaf5
```
#76eaf5 rgb(118,234,245)
```
#89edf7
```
#89edf7 rgb(137,237,247)
```
#9bf0f8
```
#9bf0f8 rgb(155,240,248)
```
#adf3f9
```
#adf3f9 rgb(173,243,249)
```
#bff5fa
```
#bff5fa rgb(191,245,250)
```
#d2f8fc
```
#d2f8fc rgb(210,248,252)
```
#e4fbfd
```
#e4fbfd rgb(228,251,253)
```
#f6fefe
```
#f6fefe rgb(246,254,254)
```

Tint Color Variation

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

#8c9091
```
#8c9091 rgb(140,144,145)
```
#849899
```
#849899 rgb(132,152,153)
```
#7b9fa2
```
#7b9fa2 rgb(123,159,162)
```
#72a6ab
```
#72a6ab rgb(114,166,171)
```
#6aadb3
```
#6aadb3 rgb(106,173,179)
```
#61b4bc
```
#61b4bc rgb(97,180,188)
```
#58bbc5
```
#58bbc5 rgb(88,187,197)
```
#50c2cd
```
#50c2cd rgb(80,194,205)
```
#47cad6
```
#47cad6 rgb(71,202,214)
```
#3ed1df
```
#3ed1df rgb(62,209,223)
```
#36d8e7
```
#36d8e7 rgb(54,216,231)
```
#2ddff0
```
#2ddff0 rgb(45,223,240)
```
#24e6f9
```
#24e6f9 rgb(36,230,249)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#93b6ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cce4 Protanopia 1% of men
#c9c9f9 Deuteranopia 1% of men
#38e0f1 Tritanopia 0.001% of the population

Trichromacy

#90d3e8 Protanomaly 1% of men, 0.01% of women
#90d1f6 Deuteranomaly 6% of men, 0.4% of women
#34e0f0 Tritanomaly 0.01% of the population

#2ddff0 hex color

#2ddff0 Color Information

#2ddff0 Color Conversion

Color Schemes with #2ddff0

Alternatives to #2ddff0

#2ddff0 Preview

Shades and Tints of #2ddff0

Tones of #2ddff0

Color Blindness Simulator