#2dd8dc hex color

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

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

● #2dd8dc color description : Bright cyan.

The hexadecimal color #2dd8dc has RGB values of R:45, G:216, B:220 and CMYK values of C:0.8, M:0.02, Y:0, K:0.14. Its decimal value is 3004636.

Hex triplet	2dd8dc	`#2dd8dc`
RGB Decimal	45, 216, 220	`rgb(45,216,220)`
RGB Percent	17.6, 84.7, 86.3	`rgb(17.6%,84.7%,86.3%)`
CMYK	80, 2, 0, 14
HSL	181.4°, 71.4, 52	`hsl(181.4,71.4%,52%)`
HSV (or HSB)	181.4°, 79.5, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.945, -39.127, -13.914
XYZ	38.552, 54.833, 76.258
xyY	0.227, 0.323, 54.833
CIE-LCH	78.945, 41.528, 199.575
CIE-LUV	78.945, -57.821, -15.92
Hunter-Lab	74.049, -36.654, -9.224
Binary	00101101, 11011000, 11011100

#2dd8dc
```
#2dd8dc rgb(45,216,220)
```
#dc312d
```
#dc312d rgb(220,49,45)
```

Complementary Color

#2ddc89
```
#2ddc89 rgb(45,220,137)
```
#2dd8dc
```
#2dd8dc rgb(45,216,220)
```
#2d81dc
```
#2d81dc rgb(45,129,220)
```

Analogous Color

#dc892d
```
#dc892d rgb(220,137,45)
```
#2dd8dc
```
#2dd8dc rgb(45,216,220)
```
#dc2d81
```
#dc2d81 rgb(220,45,129)
```

Split Complementary Color

#d8dc2d
```
#d8dc2d rgb(216,220,45)
```
#2dd8dc
```
#2dd8dc rgb(45,216,220)
```
#dc2dd8
```
#dc2dd8 rgb(220,45,216)
```

Triadic Color

#2ddc31
```
#2ddc31 rgb(45,220,49)
```
#2dd8dc
```
#2dd8dc rgb(45,216,220)
```
#dc2dd8
```
#dc2dd8 rgb(220,45,216)
```
#dc312d
```
#dc312d rgb(220,49,45)
```

Tetradic Color

#1b9ea2
```
#1b9ea2 rgb(27,158,162)
```
#1fb4b7
```
#1fb4b7 rgb(31,180,183)
```
#22c9cd
```
#22c9cd rgb(34,201,205)
```
#2dd8dc
```
#2dd8dc rgb(45,216,220)
```
#43dce0
```
#43dce0 rgb(67,220,224)
```
#59e0e3
```
#59e0e3 rgb(89,224,227)
```
#6fe4e7
```
#6fe4e7 rgb(111,228,231)
```

Monochromatic Color

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

#2ddcb4
```
#2ddcb4 rgb(45,220,180)
```
#2ddcc3
```
#2ddcc3 rgb(45,220,195)
```
#2ddcd1
```
#2ddcd1 rgb(45,220,209)
```
#2dd8dc
```
#2dd8dc rgb(45,216,220)
```
#2dc9dc
```
#2dc9dc rgb(45,201,220)
```
#2dbbdc
```
#2dbbdc rgb(45,187,220)
```
#2dacdc
```
#2dacdc rgb(45,172,220)
```

Similar Colors

Text with hexadecimal color #2dd8dc

This text has a font color of #2dd8dc.

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

#2dd8dc background color

This paragraph has a background color of #2dd8dc.

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

#2dd8dc border color

This element has a border color of #2dd8dc.

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

CSS codes

.text {color:#2dd8dc;}

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

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

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)
```
#041919
```
#041919 rgb(4,25,25)
```
#07292a
```
#07292a rgb(7,41,42)
```
#0a3a3b
```
#0a3a3b rgb(10,58,59)
```
#0d4a4c
```
#0d4a4c rgb(13,74,76)
```
#0f5b5d
```
#0f5b5d rgb(15,91,93)
```
#126b6d
```
#126b6d rgb(18,107,109)
```
#157c7e
```
#157c7e rgb(21,124,126)
```
#188c8f
```
#188c8f rgb(24,140,143)
```
#1b9da0
```
#1b9da0 rgb(27,157,160)
```
#1dadb1
```
#1dadb1 rgb(29,173,177)
```
#20bec2
```
#20bec2 rgb(32,190,194)
```
#23ced2
```
#23ced2 rgb(35,206,210)
```

Shade Color Variation

#2dd8dc
```
#2dd8dc rgb(45,216,220)
```
#3edbdf
```
#3edbdf rgb(62,219,223)
```
#4fdee2
```
#4fdee2 rgb(79,222,226)
```
#5fe1e4
```
#5fe1e4 rgb(95,225,228)
```
#70e4e7
```
#70e4e7 rgb(112,228,231)
```
#81e8ea
```
#81e8ea rgb(129,232,234)
```
#92ebed
```
#92ebed rgb(146,235,237)
```
#a3eef0
```
#a3eef0 rgb(163,238,240)
```
#b4f1f2
```
#b4f1f2 rgb(180,241,242)
```
#c4f4f5
```
#c4f4f5 rgb(196,244,245)
```
#d5f7f8
```
#d5f7f8 rgb(213,247,248)
```
#e6fafb
```
#e6fafb rgb(230,250,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 #11f3f8 is the most saturated one.

#828787
```
#828787 rgb(130,135,135)
```
#789091
```
#789091 rgb(120,144,145)
```
#6f999a
```
#6f999a rgb(111,153,154)
```
#66a2a3
```
#66a2a3 rgb(102,162,163)
```
#5cabad
```
#5cabad rgb(92,171,173)
```
#53b4b6
```
#53b4b6 rgb(83,180,182)
```
#49bdc0
```
#49bdc0 rgb(73,189,192)
```
#40c6c9
```
#40c6c9 rgb(64,198,201)
```
#36cfd3
```
#36cfd3 rgb(54,207,211)
```
#2dd8dc
```
#2dd8dc rgb(45,216,220)
```
#24e1e5
```
#24e1e5 rgb(36,225,229)
```
#1aeaef
```
#1aeaef rgb(26,234,239)
```
#11f3f8
```
#11f3f8 rgb(17,243,248)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8dafb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c5d2 Protanopia 1% of men
#c8c2e6 Deuteranopia 1% of men
#43d8e8 Tritanopia 0.001% of the population

Trichromacy

#8eccd5 Protanomaly 1% of men, 0.01% of women
#8fcae2 Deuteranomaly 6% of men, 0.4% of women
#3bd8e3 Tritanomaly 0.01% of the population

#2dd8dc hex color

#2dd8dc Color Information

#2dd8dc Color Conversion

Color Schemes with #2dd8dc

Alternatives to #2dd8dc

#2dd8dc Preview

Shades and Tints of #2dd8dc

Tones of #2dd8dc

Color Blindness Simulator