#2cc5dd hex color

In a RGB color space, hex #2cc5dd is composed of 17.3% red, 77.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 10.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 188.1 degrees, a saturation of 72.2% and a lightness of 52%. #2cc5dd color hex could be obtained by blending #58ffff with #008bbb. Closest websafe color is: #33cccc.

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

● #2cc5dd color description : Bright cyan.

The hexadecimal color #2cc5dd has RGB values of R:44, G:197, B:221 and CMYK values of C:0.8, M:0.11, Y:0, K:0.13. Its decimal value is 2934237.

Hex triplet	2cc5dd	`#2cc5dd`
RGB Decimal	44, 197, 221	`rgb(44,197,221)`
RGB Percent	17.3, 77.3, 86.7	`rgb(17.3%,77.3%,86.7%)`
CMYK	80, 11, 0, 13
HSL	188.1°, 72.2, 52	`hsl(188.1,72.2%,52%)`
HSV (or HSB)	188.1°, 80.1, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.341, -29.971, -22.928
XYZ	34.052, 45.685, 75.426
xyY	0.219, 0.294, 45.685
CIE-LCH	73.341, 37.735, 217.416
CIE-LUV	73.341, -51.29, -31.958
Hunter-Lab	67.591, -28.355, -18.849
Binary	00101100, 11000101, 11011101

#2cc5dd
```
#2cc5dd rgb(44,197,221)
```
#dd442c
```
#dd442c rgb(221,68,44)
```

Complementary Color

#2cdd9d
```
#2cdd9d rgb(44,221,157)
```
#2cc5dd
```
#2cc5dd rgb(44,197,221)
```
#2c6ddd
```
#2c6ddd rgb(44,109,221)
```

Analogous Color

#dd9d2c
```
#dd9d2c rgb(221,157,44)
```
#2cc5dd
```
#2cc5dd rgb(44,197,221)
```
#dd2c6d
```
#dd2c6d rgb(221,44,109)
```

Split Complementary Color

#c5dd2c
```
#c5dd2c rgb(197,221,44)
```
#2cc5dd
```
#2cc5dd rgb(44,197,221)
```
#dd2cc5
```
#dd2cc5 rgb(221,44,197)
```

Triadic Color

#2cdd44
```
#2cdd44 rgb(44,221,68)
```
#2cc5dd
```
#2cc5dd rgb(44,197,221)
```
#dd2cc5
```
#dd2cc5 rgb(221,44,197)
```
#dd442c
```
#dd442c rgb(221,68,44)
```

Tetradic Color

#1a90a2
```
#1a90a2 rgb(26,144,162)
```
#1ea3b8
```
#1ea3b8 rgb(30,163,184)
```
#21b7ce
```
#21b7ce rgb(33,183,206)
```
#2cc5dd
```
#2cc5dd rgb(44,197,221)
```
#42cbe1
```
#42cbe1 rgb(66,203,225)
```
#58d1e4
```
#58d1e4 rgb(88,209,228)
```
#6ed7e8
```
#6ed7e8 rgb(110,215,232)
```

Monochromatic Color

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

#2cddc9
```
#2cddc9 rgb(44,221,201)
```
#2cddd8
```
#2cddd8 rgb(44,221,216)
```
#2cd4dd
```
#2cd4dd rgb(44,212,221)
```
#2cc5dd
```
#2cc5dd rgb(44,197,221)
```
#2cb6dd
```
#2cb6dd rgb(44,182,221)
```
#2ca8dd
```
#2ca8dd rgb(44,168,221)
```
#2c99dd
```
#2c99dd rgb(44,153,221)
```

Similar Colors

Text with hexadecimal color #2cc5dd

This text has a font color of #2cc5dd.

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

#2cc5dd background color

This paragraph has a background color of #2cc5dd.

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

#2cc5dd border color

This element has a border color of #2cc5dd.

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

CSS codes

.text {color:#2cc5dd;}

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

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

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)
```
#04171a
```
#04171a rgb(4,23,26)
```
#07262a
```
#07262a rgb(7,38,42)
```
#0a353b
```
#0a353b rgb(10,53,59)
```
#0c444c
```
#0c444c rgb(12,68,76)
```
#0f525d
```
#0f525d rgb(15,82,93)
```
#12616e
```
#12616e rgb(18,97,110)
```
#14707f
```
#14707f rgb(20,112,127)
```
#177f90
```
#177f90 rgb(23,127,144)
```
#1a8ea1
```
#1a8ea1 rgb(26,142,161)
```
#1d9db2
```
#1d9db2 rgb(29,157,178)
```
#1facc2
```
#1facc2 rgb(31,172,194)
```
#22bbd3
```
#22bbd3 rgb(34,187,211)
```

Shade Color Variation

#2cc5dd
```
#2cc5dd rgb(44,197,221)
```
#3dcae0
```
#3dcae0 rgb(61,202,224)
```
#4ecee2
```
#4ecee2 rgb(78,206,226)
```
#5fd3e5
```
#5fd3e5 rgb(95,211,229)
```
#70d8e8
```
#70d8e8 rgb(112,216,232)
```
#80dceb
```
#80dceb rgb(128,220,235)
```
#91e1ed
```
#91e1ed rgb(145,225,237)
```
#a2e6f0
```
#a2e6f0 rgb(162,230,240)
```
#b3eaf3
```
#b3eaf3 rgb(179,234,243)
```
#c4eff5
```
#c4eff5 rgb(196,239,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, #818788 is the less saturated color, while #10daf9 is the most saturated one.

#818788
```
#818788 rgb(129,135,136)
```
#778e92
```
#778e92 rgb(119,142,146)
```
#6e959b
```
#6e959b rgb(110,149,155)
```
#659ca4
```
#659ca4 rgb(101,156,164)
```
#5ba3ae
```
#5ba3ae rgb(91,163,174)
```
#52aab7
```
#52aab7 rgb(82,170,183)
```
#48b0c1
```
#48b0c1 rgb(72,176,193)
```
#3fb7ca
```
#3fb7ca rgb(63,183,202)
```
#35bed4
```
#35bed4 rgb(53,190,212)
```
#2cc5dd
```
#2cc5dd rgb(44,197,221)
```
#23cce6
```
#23cce6 rgb(35,204,230)
```
#19d3f0
```
#19d3f0 rgb(25,211,240)
```
#10daf9
```
#10daf9 rgb(16,218,249)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#84a3a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b6d4 Protanopia 1% of men
#afb4e6 Deuteranopia 1% of men
#2dc9d7 Tritanopia 0.001% of the population

Trichromacy

#81bbd7 Protanomaly 1% of men, 0.01% of women
#7fbae2 Deuteranomaly 6% of men, 0.4% of women
#2dc7d9 Tritanomaly 0.01% of the population

#2cc5dd hex color

#2cc5dd Color Information

#2cc5dd Color Conversion

Color Schemes with #2cc5dd

Alternatives to #2cc5dd

#2cc5dd Preview

Shades and Tints of #2cc5dd

Tones of #2cc5dd

Color Blindness Simulator