#2dc1dc hex color

In a RGB color space, hex #2dc1dc is composed of 17.6% red, 75.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 12.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 189.3 degrees, a saturation of 71.4% and a lightness of 52%. #2dc1dc color hex could be obtained by blending #5affff with #0083b9. Closest websafe color is: #33cccc.

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

● #2dc1dc color description : Bright cyan.

The hexadecimal color #2dc1dc has RGB values of R:45, G:193, B:220 and CMYK values of C:0.8, M:0.12, Y:0, K:0.14. Its decimal value is 2998748.

Hex triplet	2dc1dc	`#2dc1dc`
RGB Decimal	45, 193, 220	`rgb(45,193,220)`
RGB Percent	17.6, 75.7, 86.3	`rgb(17.6%,75.7%,86.3%)`
CMYK	80, 12, 0, 14
HSL	189.3°, 71.4, 52	`hsl(189.3,71.4%,52%)`
HSV (or HSB)	189.3°, 79.5, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.136, -28.239, -24.222
XYZ	33.067, 43.862, 74.43
xyY	0.218, 0.29, 43.862
CIE-LCH	72.136, 37.204, 220.622
CIE-LUV	72.136, -49.864, -34.294
Hunter-Lab	66.228, -26.777, -20.272
Binary	00101101, 11000001, 11011100

#2dc1dc
```
#2dc1dc rgb(45,193,220)
```
#dc482d
```
#dc482d rgb(220,72,45)
```

Complementary Color

#2ddca0
```
#2ddca0 rgb(45,220,160)
```
#2dc1dc
```
#2dc1dc rgb(45,193,220)
```
#2d6adc
```
#2d6adc rgb(45,106,220)
```

Analogous Color

#dca02d
```
#dca02d rgb(220,160,45)
```
#2dc1dc
```
#2dc1dc rgb(45,193,220)
```
#dc2d6a
```
#dc2d6a rgb(220,45,106)
```

Split Complementary Color

#c1dc2d
```
#c1dc2d rgb(193,220,45)
```
#2dc1dc
```
#2dc1dc rgb(45,193,220)
```
#dc2dc1
```
#dc2dc1 rgb(220,45,193)
```

Triadic Color

#2ddc48
```
#2ddc48 rgb(45,220,72)
```
#2dc1dc
```
#2dc1dc rgb(45,193,220)
```
#dc2dc1
```
#dc2dc1 rgb(220,45,193)
```
#dc482d
```
#dc482d rgb(220,72,45)
```

Tetradic Color

#1b8da2
```
#1b8da2 rgb(27,141,162)
```
#1fa0b7
```
#1fa0b7 rgb(31,160,183)
```
#22b3cd
```
#22b3cd rgb(34,179,205)
```
#2dc1dc
```
#2dc1dc rgb(45,193,220)
```
#43c7e0
```
#43c7e0 rgb(67,199,224)
```
#59cee3
```
#59cee3 rgb(89,206,227)
```
#6fd4e7
```
#6fd4e7 rgb(111,212,231)
```

Monochromatic Color

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

#2ddccb
```
#2ddccb rgb(45,220,203)
```
#2ddcda
```
#2ddcda rgb(45,220,218)
```
#2dd0dc
```
#2dd0dc rgb(45,208,220)
```
#2dc1dc
```
#2dc1dc rgb(45,193,220)
```
#2db2dc
```
#2db2dc rgb(45,178,220)
```
#2da4dc
```
#2da4dc rgb(45,164,220)
```
#2d95dc
```
#2d95dc rgb(45,149,220)
```

Similar Colors

Text with hexadecimal color #2dc1dc

This text has a font color of #2dc1dc.

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

#2dc1dc background color

This paragraph has a background color of #2dc1dc.

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

#2dc1dc border color

This element has a border color of #2dc1dc.

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

CSS codes

.text {color:#2dc1dc;}

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

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

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, #010709 is the darkest color, while #f7fdfe is the lightest one.

#010709
```
#010709 rgb(1,7,9)
```
#041619
```
#041619 rgb(4,22,25)
```
#07252a
```
#07252a rgb(7,37,42)
```
#0a333b
```
#0a333b rgb(10,51,59)
```
#0d424c
```
#0d424c rgb(13,66,76)
```
#0f515d
```
#0f515d rgb(15,81,93)
```
#125f6d
```
#125f6d rgb(18,95,109)
```
#156e7e
```
#156e7e rgb(21,110,126)
```
#187d8f
```
#187d8f rgb(24,125,143)
```
#1b8ba0
```
#1b8ba0 rgb(27,139,160)
```
#1d9ab1
```
#1d9ab1 rgb(29,154,177)
```
#20a9c2
```
#20a9c2 rgb(32,169,194)
```
#23b7d2
```
#23b7d2 rgb(35,183,210)
```

Shade Color Variation

#2dc1dc
```
#2dc1dc rgb(45,193,220)
```
#3ec6df
```
#3ec6df rgb(62,198,223)
```
#4fcbe2
```
#4fcbe2 rgb(79,203,226)
```
#5fd0e4
```
#5fd0e4 rgb(95,208,228)
```
#70d5e7
```
#70d5e7 rgb(112,213,231)
```
#81daea
```
#81daea rgb(129,218,234)
```
#92dfed
```
#92dfed rgb(146,223,237)
```
#a3e4f0
```
#a3e4f0 rgb(163,228,240)
```
#b4e9f2
```
#b4e9f2 rgb(180,233,242)
```
#c4eef5
```
#c4eef5 rgb(196,238,245)
```
#d5f3f8
```
#d5f3f8 rgb(213,243,248)
```
#e6f8fb
```
#e6f8fb rgb(230,248,251)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#828687
```
#828687 rgb(130,134,135)
```
#788d91
```
#788d91 rgb(120,141,145)
```
#6f939a
```
#6f939a rgb(111,147,154)
```
#669aa3
```
#669aa3 rgb(102,154,163)
```
#5ca0ad
```
#5ca0ad rgb(92,160,173)
```
#53a7b6
```
#53a7b6 rgb(83,167,182)
```
#49adc0
```
#49adc0 rgb(73,173,192)
```
#40b4c9
```
#40b4c9 rgb(64,180,201)
```
#36bad3
```
#36bad3 rgb(54,186,211)
```
#2dc1dc
```
#2dc1dc rgb(45,193,220)
```
#24c8e5
```
#24c8e5 rgb(36,200,229)
```
#1aceef
```
#1aceef rgb(26,206,239)
```
#11d5f8
```
#11d5f8 rgb(17,213,248)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#83a0a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb3d3 Protanopia 1% of men
#aab2e4 Deuteranopia 1% of men
#2ac5d4 Tritanopia 0.001% of the population

Trichromacy

#7fb8d6 Protanomaly 1% of men, 0.01% of women
#7cb7e1 Deuteranomaly 6% of men, 0.4% of women
#2bc4d7 Tritanomaly 0.01% of the population

#2dc1dc hex color

#2dc1dc Color Information

#2dc1dc Color Conversion

Color Schemes with #2dc1dc

Alternatives to #2dc1dc

#2dc1dc Preview

Shades and Tints of #2dc1dc

Tones of #2dc1dc

Color Blindness Simulator