#2dc6dc hex color

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

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

● #2dc6dc color description : Bright cyan.

The hexadecimal color #2dc6dc has RGB values of R:45, G:198, B:220 and CMYK values of C:0.8, M:0.1, Y:0, K:0.14. Its decimal value is 3000028.

Hex triplet	2dc6dc	`#2dc6dc`
RGB Decimal	45, 198, 220	`rgb(45,198,220)`
RGB Percent	17.6, 77.6, 86.3	`rgb(17.6%,77.6%,86.3%)`
CMYK	80, 10, 0, 14
HSL	187.5°, 71.4, 52	`hsl(187.5,71.4%,52%)`
HSV (or HSB)	187.5°, 79.5, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.617, -30.681, -21.964
XYZ	34.191, 46.11, 74.804
xyY	0.22, 0.297, 46.11
CIE-LCH	73.617, 37.732, 215.598
CIE-LUV	73.617, -51.6, -30.262
Hunter-Lab	67.904, -28.955, -17.782
Binary	00101101, 11000110, 11011100

#2dc6dc
```
#2dc6dc rgb(45,198,220)
```
#dc432d
```
#dc432d rgb(220,67,45)
```

Complementary Color

#2ddc9b
```
#2ddc9b rgb(45,220,155)
```
#2dc6dc
```
#2dc6dc rgb(45,198,220)
```
#2d6fdc
```
#2d6fdc rgb(45,111,220)
```

Analogous Color

#dc9b2d
```
#dc9b2d rgb(220,155,45)
```
#2dc6dc
```
#2dc6dc rgb(45,198,220)
```
#dc2d6f
```
#dc2d6f rgb(220,45,111)
```

Split Complementary Color

#c6dc2d
```
#c6dc2d rgb(198,220,45)
```
#2dc6dc
```
#2dc6dc rgb(45,198,220)
```
#dc2dc6
```
#dc2dc6 rgb(220,45,198)
```

Triadic Color

#2ddc43
```
#2ddc43 rgb(45,220,67)
```
#2dc6dc
```
#2dc6dc rgb(45,198,220)
```
#dc2dc6
```
#dc2dc6 rgb(220,45,198)
```
#dc432d
```
#dc432d rgb(220,67,45)
```

Tetradic Color

#1b91a2
```
#1b91a2 rgb(27,145,162)
```
#1fa4b7
```
#1fa4b7 rgb(31,164,183)
```
#22b8cd
```
#22b8cd rgb(34,184,205)
```
#2dc6dc
```
#2dc6dc rgb(45,198,220)
```
#43cce0
```
#43cce0 rgb(67,204,224)
```
#59d2e3
```
#59d2e3 rgb(89,210,227)
```
#6fd8e7
```
#6fd8e7 rgb(111,216,231)
```

Monochromatic Color

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

#2ddcc6
```
#2ddcc6 rgb(45,220,198)
```
#2ddcd5
```
#2ddcd5 rgb(45,220,213)
```
#2dd5dc
```
#2dd5dc rgb(45,213,220)
```
#2dc6dc
```
#2dc6dc rgb(45,198,220)
```
#2db7dc
```
#2db7dc rgb(45,183,220)
```
#2da9dc
```
#2da9dc rgb(45,169,220)
```
#2d9adc
```
#2d9adc rgb(45,154,220)
```

Similar Colors

Text with hexadecimal color #2dc6dc

This text has a font color of #2dc6dc.

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

#2dc6dc background color

This paragraph has a background color of #2dc6dc.

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

#2dc6dc border color

This element has a border color of #2dc6dc.

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

CSS codes

.text {color:#2dc6dc;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#041719
```
#041719 rgb(4,23,25)
```
#07262a
```
#07262a rgb(7,38,42)
```
#0a353b
```
#0a353b rgb(10,53,59)
```
#0d444c
```
#0d444c rgb(13,68,76)
```
#0f535d
```
#0f535d rgb(15,83,93)
```
#12626d
```
#12626d rgb(18,98,109)
```
#15717e
```
#15717e rgb(21,113,126)
```
#18808f
```
#18808f rgb(24,128,143)
```
#1b8fa0
```
#1b8fa0 rgb(27,143,160)
```
#1d9eb1
```
#1d9eb1 rgb(29,158,177)
```
#20adc2
```
#20adc2 rgb(32,173,194)
```
#23bcd2
```
#23bcd2 rgb(35,188,210)
```

Shade Color Variation

#2dc6dc
```
#2dc6dc rgb(45,198,220)
```
#3ecbdf
```
#3ecbdf rgb(62,203,223)
```
#4fcfe2
```
#4fcfe2 rgb(79,207,226)
```
#5fd4e4
```
#5fd4e4 rgb(95,212,228)
```
#70d8e7
```
#70d8e7 rgb(112,216,231)
```
#81ddea
```
#81ddea rgb(129,221,234)
```
#92e1ed
```
#92e1ed rgb(146,225,237)
```
#a3e6f0
```
#a3e6f0 rgb(163,230,240)
```
#b4ebf2
```
#b4ebf2 rgb(180,235,242)
```
#c4eff5
```
#c4eff5 rgb(196,239,245)
```
#d5f4f8
```
#d5f4f8 rgb(213,244,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, #828787 is the less saturated color, while #11dbf8 is the most saturated one.

#828787
```
#828787 rgb(130,135,135)
```
#788e91
```
#788e91 rgb(120,142,145)
```
#6f959a
```
#6f959a rgb(111,149,154)
```
#669ca3
```
#669ca3 rgb(102,156,163)
```
#5ca3ad
```
#5ca3ad rgb(92,163,173)
```
#53aab6
```
#53aab6 rgb(83,170,182)
```
#49b1c0
```
#49b1c0 rgb(73,177,192)
```
#40b8c9
```
#40b8c9 rgb(64,184,201)
```
#36bfd3
```
#36bfd3 rgb(54,191,211)
```
#2dc6dc
```
#2dc6dc rgb(45,198,220)
```
#24cde5
```
#24cde5 rgb(36,205,229)
```
#1ad4ef
```
#1ad4ef rgb(26,212,239)
```
#11dbf8
```
#11dbf8 rgb(17,219,248)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#85a4a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b7d3 Protanopia 1% of men
#b1b5e5 Deuteranopia 1% of men
#31c9d8 Tritanopia 0.001% of the population

Trichromacy

#82bcd6 Protanomaly 1% of men, 0.01% of women
#81bbe1 Deuteranomaly 6% of men, 0.4% of women
#2fc8d9 Tritanomaly 0.01% of the population

#2dc6dc hex color

#2dc6dc Color Information

#2dc6dc Color Conversion

Color Schemes with #2dc6dc

Alternatives to #2dc6dc

#2dc6dc Preview

Shades and Tints of #2dc6dc

Tones of #2dc6dc

Color Blindness Simulator