#2dc2de hex color

In a RGB color space, hex #2dc2de is composed of 17.6% red, 76.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 12.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 189.5 degrees, a saturation of 72.8% and a lightness of 52.4%. #2dc2de color hex could be obtained by blending #5affff with #0085bd. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 18
- G 76
- B 87
RGB color chart
- C 80
- M 13
- Y 0
- K 13
CMYK color chart

● #2dc2de color description : Bright cyan.

The hexadecimal color #2dc2de has RGB values of R:45, G:194, B:222 and CMYK values of C:0.8, M:0.13, Y:0, K:0.13. Its decimal value is 2999006.

Hex triplet	2dc2de	`#2dc2de`
RGB Decimal	45, 194, 222	`rgb(45,194,222)`
RGB Percent	17.6, 76.1, 87.1	`rgb(17.6%,76.1%,87.1%)`
CMYK	80, 13, 0, 13
HSL	189.5°, 72.8, 52.4	`hsl(189.5,72.8%,52.4%)`
HSV (or HSB)	189.5°, 79.7, 87.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.503, -28.098, -24.747
XYZ	33.555, 44.412, 75.907
xyY	0.218, 0.289, 44.412
CIE-LCH	72.503, 37.442, 221.372
CIE-LUV	72.503, -50.069, -35.217
Hunter-Lab	66.642, -26.748, -20.883
Binary	00101101, 11000010, 11011110

#2dc2de
```
#2dc2de rgb(45,194,222)
```
#de492d
```
#de492d rgb(222,73,45)
```

Complementary Color

#2ddea2
```
#2ddea2 rgb(45,222,162)
```
#2dc2de
```
#2dc2de rgb(45,194,222)
```
#2d6ade
```
#2d6ade rgb(45,106,222)
```

Analogous Color

#dea22d
```
#dea22d rgb(222,162,45)
```
#2dc2de
```
#2dc2de rgb(45,194,222)
```
#de2d6a
```
#de2d6a rgb(222,45,106)
```

Split Complementary Color

#c2de2d
```
#c2de2d rgb(194,222,45)
```
#2dc2de
```
#2dc2de rgb(45,194,222)
```
#de2dc2
```
#de2dc2 rgb(222,45,194)
```

Triadic Color

#2dde49
```
#2dde49 rgb(45,222,73)
```
#2dc2de
```
#2dc2de rgb(45,194,222)
```
#de2dc2
```
#de2dc2 rgb(222,45,194)
```
#de492d
```
#de492d rgb(222,73,45)
```

Tetradic Color

#1a8fa5
```
#1a8fa5 rgb(26,143,165)
```
#1da2bb
```
#1da2bb rgb(29,162,187)
```
#21b5d1
```
#21b5d1 rgb(33,181,209)
```
#2dc2de
```
#2dc2de rgb(45,194,222)
```
#43c8e1
```
#43c8e1 rgb(67,200,225)
```
#59cfe5
```
#59cfe5 rgb(89,207,229)
```
#6fd5e8
```
#6fd5e8 rgb(111,213,232)
```

Monochromatic Color

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

#2ddece
```
#2ddece rgb(45,222,206)
```
#2ddedd
```
#2ddedd rgb(45,222,221)
```
#2dd1de
```
#2dd1de rgb(45,209,222)
```
#2dc2de
```
#2dc2de rgb(45,194,222)
```
#2db3de
```
#2db3de rgb(45,179,222)
```
#2da5de
```
#2da5de rgb(45,165,222)
```
#2d96de
```
#2d96de rgb(45,150,222)
```

Similar Colors

Text with hexadecimal color #2dc2de

This text has a font color of #2dc2de.

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

#2dc2de background color

This paragraph has a background color of #2dc2de.

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

#2dc2de border color

This element has a border color of #2dc2de.

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

CSS codes

.text {color:#2dc2de;}

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

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

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

#02090a
```
#02090a rgb(2,9,10)
```
#04181b
```
#04181b rgb(4,24,27)
```
#07262c
```
#07262c rgb(7,38,44)
```
#0a353d
```
#0a353d rgb(10,53,61)
```
#0c444e
```
#0c444e rgb(12,68,78)
```
#0f525f
```
#0f525f rgb(15,82,95)
```
#126170
```
#126170 rgb(18,97,112)
```
#147081
```
#147081 rgb(20,112,129)
```
#177f92
```
#177f92 rgb(23,127,146)
```
#1a8da3
```
#1a8da3 rgb(26,141,163)
```
#1c9cb4
```
#1c9cb4 rgb(28,156,180)
```
#1fabc5
```
#1fabc5 rgb(31,171,197)
```
#22b9d6
```
#22b9d6 rgb(34,185,214)
```

Shade Color Variation

#2dc2de
```
#2dc2de rgb(45,194,222)
```
#3ec7e1
```
#3ec7e1 rgb(62,199,225)
```
#4fcce3
```
#4fcce3 rgb(79,204,227)
```
#60d1e6
```
#60d1e6 rgb(96,209,230)
```
#71d6e9
```
#71d6e9 rgb(113,214,233)
```
#82dbeb
```
#82dbeb rgb(130,219,235)
```
#93e0ee
```
#93e0ee rgb(147,224,238)
```
#a4e4f1
```
#a4e4f1 rgb(164,228,241)
```
#b5e9f3
```
#b5e9f3 rgb(181,233,243)
```
#c6eef6
```
#c6eef6 rgb(198,238,246)
```
#d7f3f9
```
#d7f3f9 rgb(215,243,249)
```
#e7f8fb
```
#e7f8fb rgb(231,248,251)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81888a is the less saturated color, while #11d5fa is the most saturated one.

#81888a
```
#81888a rgb(129,136,138)
```
#788f93
```
#788f93 rgb(120,143,147)
```
#6e959d
```
#6e959d rgb(110,149,157)
```
#659ca6
```
#659ca6 rgb(101,156,166)
```
#5ca2af
```
#5ca2af rgb(92,162,175)
```
#52a8b9
```
#52a8b9 rgb(82,168,185)
```
#49afc2
```
#49afc2 rgb(73,175,194)
```
#40b5cb
```
#40b5cb rgb(64,181,203)
```
#36bcd5
```
#36bcd5 rgb(54,188,213)
```
#2dc2de
```
#2dc2de rgb(45,194,222)
```
#24c8e7
```
#24c8e7 rgb(36,200,231)
```
#1acff1
```
#1acff1 rgb(26,207,241)
```
#11d5fa
```
#11d5fa rgb(17,213,250)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#83a1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb4d5 Protanopia 1% of men
#aab3e6 Deuteranopia 1% of men
#29c6d5 Tritanopia 0.001% of the population

Trichromacy

#7fb9d8 Protanomaly 1% of men, 0.01% of women
#7db8e3 Deuteranomaly 6% of men, 0.4% of women
#2ac5d8 Tritanomaly 0.01% of the population

#2dc2de hex color

#2dc2de Color Information

#2dc2de Color Conversion

Color Schemes with #2dc2de

Alternatives to #2dc2de

#2dc2de Preview

Shades and Tints of #2dc2de

Tones of #2dc2de

Color Blindness Simulator