#5dcbcc hex color

In a RGB color space, hex #5dcbcc is composed of 36.5% red, 79.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 0.5% magenta, 0% yellow and 20% black. It has a hue angle of 180.5 degrees, a saturation of 52.1% and a lightness of 58.2%. #5dcbcc color hex could be obtained by blending #baffff with #009799. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 80
- B 80
RGB color chart
- C 54
- M 0
- Y 0
- K 20
CMYK color chart

● #5dcbcc color description : Moderate cyan.

The hexadecimal color #5dcbcc has RGB values of R:93, G:203, B:204 and CMYK values of C:0.54, M:0, Y:0, K:0.2. Its decimal value is 6147020.

Hex triplet	5dcbcc	`#5dcbcc`
RGB Decimal	93, 203, 204	`rgb(93,203,204)`
RGB Percent	36.5, 79.6, 80	`rgb(36.5%,79.6%,80%)`
CMYK	54, 0, 0, 20
HSL	180.5°, 52.1, 58.2	`hsl(180.5,52.1%,58.2%)`
HSV (or HSB)	180.5°, 54.4, 80
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.697, -30.934, -10.062
XYZ	36.766, 49.396, 64.72
xyY	0.244, 0.327, 49.396
CIE-LCH	75.697, 32.529, 198.018
CIE-LUV	75.697, -45.777, -10.73
Hunter-Lab	70.282, -29.617, -5.4
Binary	01011101, 11001011, 11001100

#5dcbcc
```
#5dcbcc rgb(93,203,204)
```
#cc5e5d
```
#cc5e5d rgb(204,94,93)
```

Complementary Color

#5dcc96
```
#5dcc96 rgb(93,204,150)
```
#5dcbcc
```
#5dcbcc rgb(93,203,204)
```
#5d94cc
```
#5d94cc rgb(93,148,204)
```

Analogous Color

#cc965d
```
#cc965d rgb(204,150,93)
```
#5dcbcc
```
#5dcbcc rgb(93,203,204)
```
#cc5d94
```
#cc5d94 rgb(204,93,148)
```

Split Complementary Color

#cbcc5d
```
#cbcc5d rgb(203,204,93)
```
#5dcbcc
```
#5dcbcc rgb(93,203,204)
```
#cc5dcb
```
#cc5dcb rgb(204,93,203)
```

Triadic Color

#5dcc5e
```
#5dcc5e rgb(93,204,94)
```
#5dcbcc
```
#5dcbcc rgb(93,203,204)
```
#cc5dcb
```
#cc5dcb rgb(204,93,203)
```
#cc5e5d
```
#cc5e5d rgb(204,94,93)
```

Tetradic Color

#35a7a8
```
#35a7a8 rgb(53,167,168)
```
#3bbabb
```
#3bbabb rgb(59,186,187)
```
#4ac5c6
```
#4ac5c6 rgb(74,197,198)
```
#5dcbcc
```
#5dcbcc rgb(93,203,204)
```
#70d1d2
```
#70d1d2 rgb(112,209,210)
```
#84d7d8
```
#84d7d8 rgb(132,215,216)
```
#97dede
```
#97dede rgb(151,222,222)
```

Monochromatic Color

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

#5dccb1
```
#5dccb1 rgb(93,204,177)
```
#5dccbb
```
#5dccbb rgb(93,204,187)
```
#5dccc4
```
#5dccc4 rgb(93,204,196)
```
#5dcbcc
```
#5dcbcc rgb(93,203,204)
```
#5dc2cc
```
#5dc2cc rgb(93,194,204)
```
#5db9cc
```
#5db9cc rgb(93,185,204)
```
#5dafcc
```
#5dafcc rgb(93,175,204)
```

Similar Colors

Text with hexadecimal color #5dcbcc

This text has a font color of #5dcbcc.

<span style="color:#5dcbcc;">Text here</span>

#5dcbcc background color

This paragraph has a background color of #5dcbcc.

<p style="background-color:#5dcbcc;">Content here</p>

#5dcbcc border color

This element has a border color of #5dcbcc.

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

CSS codes

.text {color:#5dcbcc;}

.background {background-color:#5dcbcc;}

.border {border:1px solid #5dcbcc;}

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

#010202
```
#010202 rgb(1,2,2)
```
#051111
```
#051111 rgb(5,17,17)
```
#0a2020
```
#0a2020 rgb(10,32,32)
```
#0f2f2f
```
#0f2f2f rgb(15,47,47)
```
#133d3e
```
#133d3e rgb(19,61,62)
```
#184c4d
```
#184c4d rgb(24,76,77)
```
#1d5b5c
```
#1d5b5c rgb(29,91,92)
```
#226a6b
```
#226a6b rgb(34,106,107)
```
#267979
```
#267979 rgb(38,121,121)
```
#2b8888
```
#2b8888 rgb(43,136,136)
```
#309697
```
#309697 rgb(48,150,151)
```
#34a5a6
```
#34a5a6 rgb(52,165,166)
```
#39b4b5
```
#39b4b5 rgb(57,180,181)
```

Shade Color Variation

#3fc1c3
```
#3fc1c3 rgb(63,193,195)
```
#4ec6c7
```
#4ec6c7 rgb(78,198,199)
```
#5dcbcc
```
#5dcbcc rgb(93,203,204)
```
#6cd0d1
```
#6cd0d1 rgb(108,208,209)
```
#7bd5d5
```
#7bd5d5 rgb(123,213,213)
```
#8ad9da
```
#8ad9da rgb(138,217,218)
```
#99dedf
```
#99dedf rgb(153,222,223)
```
#a8e3e3
```
#a8e3e3 rgb(168,227,227)
```
#b7e8e8
```
#b7e8e8 rgb(183,232,232)
```
#c5eded
```
#c5eded rgb(197,237,237)
```
#d4f1f2
```
#d4f1f2 rgb(212,241,242)
```
#e3f6f6
```
#e3f6f6 rgb(227,246,246)
```
#f2fbfb
```
#f2fbfb rgb(242,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9b9b is the less saturated color, while #2cfbfd is the most saturated one.

#8e9b9b
```
#8e9b9b rgb(142,155,155)
```
#86a3a3
```
#86a3a3 rgb(134,163,163)
```
#7eabab
```
#7eabab rgb(126,171,171)
```
#76b3b3
```
#76b3b3 rgb(118,179,179)
```
#6dbbbc
```
#6dbbbc rgb(109,187,188)
```
#65c3c4
```
#65c3c4 rgb(101,195,196)
```
#5dcbcc
```
#5dcbcc rgb(93,203,204)
```
#55d3d4
```
#55d3d4 rgb(85,211,212)
```
#4ddbdc
```
#4ddbdc rgb(77,219,220)
```
#44e3e5
```
#44e3e5 rgb(68,227,229)
```
#3cebed
```
#3cebed rgb(60,235,237)
```
#34f3f5
```
#34f3f5 rgb(52,243,245)
```
#2cfbfd
```
#2cfbfd rgb(44,251,253)
```

Tone Color Variation

Below, you can see how #5dcbcc 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

#aaaaaa Achromatopsia 0.005% of the population
#9bb1b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbdc5 Protanopia 1% of men
#c3b9d5 Deuteranopia 1% of men
#6bcbda Tritanopia 0.001% of the population

Trichromacy

#9bc2c7 Protanomaly 1% of men, 0.01% of women
#9ebfd2 Deuteranomaly 6% of men, 0.4% of women
#66cbd5 Tritanomaly 0.01% of the population

#5dcbcc hex color

#5dcbcc Color Information

#5dcbcc Color Conversion

Color Schemes with #5dcbcc

Alternatives to #5dcbcc

#5dcbcc Preview

Shades and Tints of #5dcbcc

Tones of #5dcbcc

Color Blindness Simulator