#3cd5cc hex color

In a RGB color space, hex #3cd5cc is composed of 23.5% red, 83.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 0% magenta, 4.2% yellow and 16.5% black. It has a hue angle of 176.5 degrees, a saturation of 64.6% and a lightness of 53.5%. #3cd5cc color hex could be obtained by blending #78ffff with #00ab99. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 24
- G 84
- B 80
RGB color chart
- C 72
- M 0
- Y 4
- K 16
CMYK color chart

● #3cd5cc color description : Moderate cyan.

The hexadecimal color #3cd5cc has RGB values of R:60, G:213, B:204 and CMYK values of C:0.72, M:0, Y:0.04, K:0.16. Its decimal value is 3986892.

Hex triplet	3cd5cc	`#3cd5cc`
RGB Decimal	60, 213, 204	`rgb(60,213,204)`
RGB Percent	23.5, 83.5, 80	`rgb(23.5%,83.5%,80%)`
CMYK	72, 0, 4, 16
HSL	176.5°, 64.6, 53.5	`hsl(176.5,64.6%,53.5%)`
HSV (or HSB)	176.5°, 71.8, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.819, -40.785, -6.997
XYZ	36.553, 52.905, 65.409
xyY	0.236, 0.342, 52.905
CIE-LCH	77.819, 41.381, 189.735
CIE-LUV	77.819, -56.027, -4.468
Hunter-Lab	72.736, -37.583, -2.402
Binary	00111100, 11010101, 11001100

#3cd5cc
```
#3cd5cc rgb(60,213,204)
```
#d53c45
```
#d53c45 rgb(213,60,69)
```

Complementary Color

#3cd580
```
#3cd580 rgb(60,213,128)
```
#3cd5cc
```
#3cd5cc rgb(60,213,204)
```
#3c92d5
```
#3c92d5 rgb(60,146,213)
```

Analogous Color

#d5803c
```
#d5803c rgb(213,128,60)
```
#3cd5cc
```
#3cd5cc rgb(60,213,204)
```
#d53c92
```
#d53c92 rgb(213,60,146)
```

Split Complementary Color

#d5cc3c
```
#d5cc3c rgb(213,204,60)
```
#3cd5cc
```
#3cd5cc rgb(60,213,204)
```
#cc3cd5
```
#cc3cd5 rgb(204,60,213)
```

Triadic Color

#45d53c
```
#45d53c rgb(69,213,60)
```
#3cd5cc
```
#3cd5cc rgb(60,213,204)
```
#cc3cd5
```
#cc3cd5 rgb(204,60,213)
```
#d53c45
```
#d53c45 rgb(213,60,69)
```

Tetradic Color

#23a29a
```
#23a29a rgb(35,162,154)
```
#27b7ae
```
#27b7ae rgb(39,183,174)
```
#2cccc2
```
#2cccc2 rgb(44,204,194)
```
#3cd5cc
```
#3cd5cc rgb(60,213,204)
```
#51dad1
```
#51dad1 rgb(81,218,209)
```
#66ded7
```
#66ded7 rgb(102,222,215)
```
#7be3dc
```
#7be3dc rgb(123,227,220)
```

Monochromatic Color

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

#3cd5a6
```
#3cd5a6 rgb(60,213,166)
```
#3cd5b3
```
#3cd5b3 rgb(60,213,179)
```
#3cd5bf
```
#3cd5bf rgb(60,213,191)
```
#3cd5cc
```
#3cd5cc rgb(60,213,204)
```
#3cd1d5
```
#3cd1d5 rgb(60,209,213)
```
#3cc5d5
```
#3cc5d5 rgb(60,197,213)
```
#3cb8d5
```
#3cb8d5 rgb(60,184,213)
```

Similar Colors

Text with hexadecimal color #3cd5cc

This text has a font color of #3cd5cc.

<span style="color:#3cd5cc;">Text here</span>

#3cd5cc background color

This paragraph has a background color of #3cd5cc.

<p style="background-color:#3cd5cc;">Content here</p>

#3cd5cc border color

This element has a border color of #3cd5cc.

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

CSS codes

.text {color:#3cd5cc;}

.background {background-color:#3cd5cc;}

.border {border:1px solid #3cd5cc;}

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, #030f0e is the darkest color, while #feffff is the lightest one.

#030f0e
```
#030f0e rgb(3,15,14)
```
#071f1e
```
#071f1e rgb(7,31,30)
```
#0a2f2d
```
#0a2f2d rgb(10,47,45)
```
#0e3f3c
```
#0e3f3c rgb(14,63,60)
```
#114f4c
```
#114f4c rgb(17,79,76)
```
#15605b
```
#15605b rgb(21,96,91)
```
#18706a
```
#18706a rgb(24,112,106)
```
#1c807a
```
#1c807a rgb(28,128,122)
```
#1f9089
```
#1f9089 rgb(31,144,137)
```
#22a099
```
#22a099 rgb(34,160,153)
```
#26b0a8
```
#26b0a8 rgb(38,176,168)
```
#29c0b7
```
#29c0b7 rgb(41,192,183)
```
#2dd0c7
```
#2dd0c7 rgb(45,208,199)
```

Shade Color Variation

#3cd5cc
```
#3cd5cc rgb(60,213,204)
```
#4cd8d0
```
#4cd8d0 rgb(76,216,208)
```
#5cdcd4
```
#5cdcd4 rgb(92,220,212)
```
#6cdfd9
```
#6cdfd9 rgb(108,223,217)
```
#7de3dd
```
#7de3dd rgb(125,227,221)
```
#8de6e1
```
#8de6e1 rgb(141,230,225)
```
#9deae5
```
#9deae5 rgb(157,234,229)
```
#adedea
```
#adedea rgb(173,237,234)
```
#bdf1ee
```
#bdf1ee rgb(189,241,238)
```
#cdf4f2
```
#cdf4f2 rgb(205,244,242)
```
#ddf8f6
```
#ddf8f6 rgb(221,248,246)
```
#eefbfa
```
#eefbfa rgb(238,251,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858c8c is the less saturated color, while #18f9ec is the most saturated one.

#858c8c
```
#858c8c rgb(133,140,140)
```
#7c9594
```
#7c9594 rgb(124,149,148)
```
#739e9c
```
#739e9c rgb(115,158,156)
```
#6aa7a4
```
#6aa7a4 rgb(106,167,164)
```
#60b1ac
```
#60b1ac rgb(96,177,172)
```
#57bab4
```
#57bab4 rgb(87,186,180)
```
#4ec3bc
```
#4ec3bc rgb(78,195,188)
```
#45ccc4
```
#45ccc4 rgb(69,204,196)
```
#3cd5cc
```
#3cd5cc rgb(60,213,204)
```
#33ded4
```
#33ded4 rgb(51,222,212)
```
#2ae7dc
```
#2ae7dc rgb(42,231,220)
```
#21f0e4
```
#21f0e4 rgb(33,240,228)
```
#18f9ec
```
#18f9ec rgb(24,249,236)
```

Tone Color Variation

Below, you can see how #3cd5cc 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

#a6a6a6 Achromatopsia 0.005% of the population
#91afae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c2c3 Protanopia 1% of men
#ccbed7 Deuteranopia 1% of men
#55d3e3 Tritanopia 0.001% of the population

Trichromacy

#94c9c6 Protanomaly 1% of men, 0.01% of women
#97c6d3 Deuteranomaly 6% of men, 0.4% of women
#4cd4da Tritanomaly 0.01% of the population

#3cd5cc hex color

#3cd5cc Color Information

#3cd5cc Color Conversion

Color Schemes with #3cd5cc

Alternatives to #3cd5cc

#3cd5cc Preview

Shades and Tints of #3cd5cc

Tones of #3cd5cc

Color Blindness Simulator