#2ddcdc hex color

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

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

● #2ddcdc color description : Bright cyan.

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

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

CIE-LAB	80.128, -40.935, -12.143
XYZ	39.59, 56.908, 76.604
xyY	0.229, 0.329, 56.908
CIE-LCH	80.128, 42.698, 196.522
CIE-LUV	80.128, -59.196, -12.782
Hunter-Lab	75.437, -38.338, -7.401
Binary	00101101, 11011100, 11011100

#2ddcdc
```
#2ddcdc rgb(45,220,220)
```
#dc2d2d
```
#dc2d2d rgb(220,45,45)
```

Complementary Color

#2ddc85
```
#2ddc85 rgb(45,220,133)
```
#2ddcdc
```
#2ddcdc rgb(45,220,220)
```
#2d85dc
```
#2d85dc rgb(45,133,220)
```

Analogous Color

#dc852d
```
#dc852d rgb(220,133,45)
```
#2ddcdc
```
#2ddcdc rgb(45,220,220)
```
#dc2d85
```
#dc2d85 rgb(220,45,133)
```

Split Complementary Color

#dcdc2d
```
#dcdc2d rgb(220,220,45)
```
#2ddcdc
```
#2ddcdc rgb(45,220,220)
```
#dc2ddc
```
#dc2ddc rgb(220,45,220)
```

Triadic Color

#2ddc2d
```
#2ddc2d rgb(45,220,45)
```
#2ddcdc
```
#2ddcdc rgb(45,220,220)
```
#dc2ddc
```
#dc2ddc rgb(220,45,220)
```
#dc2d2d
```
#dc2d2d rgb(220,45,45)
```

Tetradic Color

#1ba2a2
```
#1ba2a2 rgb(27,162,162)
```
#1fb7b7
```
#1fb7b7 rgb(31,183,183)
```
#22cdcd
```
#22cdcd rgb(34,205,205)
```
#2ddcdc
```
#2ddcdc rgb(45,220,220)
```
#43e0e0
```
#43e0e0 rgb(67,224,224)
```
#59e3e3
```
#59e3e3 rgb(89,227,227)
```
#6fe7e7
```
#6fe7e7 rgb(111,231,231)
```

Monochromatic Color

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

#2ddcb0
```
#2ddcb0 rgb(45,220,176)
```
#2ddcbf
```
#2ddcbf rgb(45,220,191)
```
#2ddccd
```
#2ddccd rgb(45,220,205)
```
#2ddcdc
```
#2ddcdc rgb(45,220,220)
```
#2dcddc
```
#2dcddc rgb(45,205,220)
```
#2dbfdc
```
#2dbfdc rgb(45,191,220)
```
#2db0dc
```
#2db0dc rgb(45,176,220)
```

Similar Colors

Text with hexadecimal color #2ddcdc

This text has a font color of #2ddcdc.

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

#2ddcdc background color

This paragraph has a background color of #2ddcdc.

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

#2ddcdc border color

This element has a border color of #2ddcdc.

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

CSS codes

.text {color:#2ddcdc;}

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

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

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

#010909
```
#010909 rgb(1,9,9)
```
#041919
```
#041919 rgb(4,25,25)
```
#072a2a
```
#072a2a rgb(7,42,42)
```
#0a3b3b
```
#0a3b3b rgb(10,59,59)
```
#0d4c4c
```
#0d4c4c rgb(13,76,76)
```
#0f5d5d
```
#0f5d5d rgb(15,93,93)
```
#126d6d
```
#126d6d rgb(18,109,109)
```
#157e7e
```
#157e7e rgb(21,126,126)
```
#188f8f
```
#188f8f rgb(24,143,143)
```
#1ba0a0
```
#1ba0a0 rgb(27,160,160)
```
#1db1b1
```
#1db1b1 rgb(29,177,177)
```
#20c2c2
```
#20c2c2 rgb(32,194,194)
```
#23d2d2
```
#23d2d2 rgb(35,210,210)
```

Shade Color Variation

#2ddcdc
```
#2ddcdc rgb(45,220,220)
```
#3edfdf
```
#3edfdf rgb(62,223,223)
```
#4fe2e2
```
#4fe2e2 rgb(79,226,226)
```
#5fe4e4
```
#5fe4e4 rgb(95,228,228)
```
#70e7e7
```
#70e7e7 rgb(112,231,231)
```
#81eaea
```
#81eaea rgb(129,234,234)
```
#92eded
```
#92eded rgb(146,237,237)
```
#a3f0f0
```
#a3f0f0 rgb(163,240,240)
```
#b4f2f2
```
#b4f2f2 rgb(180,242,242)
```
#c4f5f5
```
#c4f5f5 rgb(196,245,245)
```
#d5f8f8
```
#d5f8f8 rgb(213,248,248)
```
#e6fbfb
```
#e6fbfb rgb(230,251,251)
```
#f7fefe
```
#f7fefe rgb(247,254,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 #11f8f8 is the most saturated one.

#828787
```
#828787 rgb(130,135,135)
```
#789191
```
#789191 rgb(120,145,145)
```
#6f9a9a
```
#6f9a9a rgb(111,154,154)
```
#66a3a3
```
#66a3a3 rgb(102,163,163)
```
#5cadad
```
#5cadad rgb(92,173,173)
```
#53b6b6
```
#53b6b6 rgb(83,182,182)
```
#49c0c0
```
#49c0c0 rgb(73,192,192)
```
#40c9c9
```
#40c9c9 rgb(64,201,201)
```
#36d3d3
```
#36d3d3 rgb(54,211,211)
```
#2ddcdc
```
#2ddcdc rgb(45,220,220)
```
#24e5e5
```
#24e5e5 rgb(36,229,229)
```
#1aefef
```
#1aefef rgb(26,239,239)
```
#11f8f8
```
#11f8f8 rgb(17,248,248)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#8fb2b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac8d1 Protanopia 1% of men
#cdc5e6 Deuteranopia 1% of men
#46dbeb Tritanopia 0.001% of the population

Trichromacy

#91cfd5 Protanomaly 1% of men, 0.01% of women
#93cde2 Deuteranomaly 6% of men, 0.4% of women
#3ddbe5 Tritanomaly 0.01% of the population

#2ddcdc hex color

#2ddcdc Color Information

#2ddcdc Color Conversion

Color Schemes with #2ddcdc

Alternatives to #2ddcdc

#2ddcdc Preview

Shades and Tints of #2ddcdc

Tones of #2ddcdc

Color Blindness Simulator