#5dccc2 hex color

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

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

● #5dccc2 color description : Moderate cyan.

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

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

CIE-LAB	75.703, -34.038, -4.652
XYZ	35.842, 49.405, 58.683
xyY	0.249, 0.343, 49.405
CIE-LCH	75.703, 34.354, 187.783
CIE-LUV	75.703, -46.646, -1.718
Hunter-Lab	70.289, -31.985, -0.298
Binary	01011101, 11001100, 11000010

#5dccc2
```
#5dccc2 rgb(93,204,194)
```
#cc5d67
```
#cc5d67 rgb(204,93,103)
```

Complementary Color

#5dcc8b
```
#5dcc8b rgb(93,204,139)
```
#5dccc2
```
#5dccc2 rgb(93,204,194)
```
#5d9fcc
```
#5d9fcc rgb(93,159,204)
```

Analogous Color

#cc8b5d
```
#cc8b5d rgb(204,139,93)
```
#5dccc2
```
#5dccc2 rgb(93,204,194)
```
#cc5d9f
```
#cc5d9f rgb(204,93,159)
```

Split Complementary Color

#ccc25d
```
#ccc25d rgb(204,194,93)
```
#5dccc2
```
#5dccc2 rgb(93,204,194)
```
#c25dcc
```
#c25dcc rgb(194,93,204)
```

Triadic Color

#67cc5d
```
#67cc5d rgb(103,204,93)
```
#5dccc2
```
#5dccc2 rgb(93,204,194)
```
#c25dcc
```
#c25dcc rgb(194,93,204)
```
#cc5d67
```
#cc5d67 rgb(204,93,103)
```

Tetradic Color

#35a89d
```
#35a89d rgb(53,168,157)
```
#3bbbb0
```
#3bbbb0 rgb(59,187,176)
```
#4ac6bb
```
#4ac6bb rgb(74,198,187)
```
#5dccc2
```
#5dccc2 rgb(93,204,194)
```
#70d2c9
```
#70d2c9 rgb(112,210,201)
```
#84d8d1
```
#84d8d1 rgb(132,216,209)
```
#97ded8
```
#97ded8 rgb(151,222,216)
```

Monochromatic Color

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

#5dcca6
```
#5dcca6 rgb(93,204,166)
```
#5dccb0
```
#5dccb0 rgb(93,204,176)
```
#5dccb9
```
#5dccb9 rgb(93,204,185)
```
#5dccc2
```
#5dccc2 rgb(93,204,194)
```
#5dcccb
```
#5dcccb rgb(93,204,203)
```
#5dc4cc
```
#5dc4cc rgb(93,196,204)
```
#5dbacc
```
#5dbacc rgb(93,186,204)
```

Similar Colors

Text with hexadecimal color #5dccc2

This text has a font color of #5dccc2.

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

#5dccc2 background color

This paragraph has a background color of #5dccc2.

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

#5dccc2 border color

This element has a border color of #5dccc2.

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

CSS codes

.text {color:#5dccc2;}

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

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

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 #f2fbfa is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#051110
```
#051110 rgb(5,17,16)
```
#0a201e
```
#0a201e rgb(10,32,30)
```
#0f2f2c
```
#0f2f2c rgb(15,47,44)
```
#133e3a
```
#133e3a rgb(19,62,58)
```
#184d48
```
#184d48 rgb(24,77,72)
```
#1d5c56
```
#1d5c56 rgb(29,92,86)
```
#226b64
```
#226b64 rgb(34,107,100)
```
#267972
```
#267972 rgb(38,121,114)
```
#2b8880
```
#2b8880 rgb(43,136,128)
```
#30978e
```
#30978e rgb(48,151,142)
```
#34a69c
```
#34a69c rgb(52,166,156)
```
#39b5aa
```
#39b5aa rgb(57,181,170)
```

Shade Color Variation

#3fc3b7
```
#3fc3b7 rgb(63,195,183)
```
#4ec7bc
```
#4ec7bc rgb(78,199,188)
```
#5dccc2
```
#5dccc2 rgb(93,204,194)
```
#6cd1c8
```
#6cd1c8 rgb(108,209,200)
```
#7bd5cd
```
#7bd5cd rgb(123,213,205)
```
#8adad3
```
#8adad3 rgb(138,218,211)
```
#99dfd8
```
#99dfd8 rgb(153,223,216)
```
#a8e3de
```
#a8e3de rgb(168,227,222)
```
#b7e8e4
```
#b7e8e4 rgb(183,232,228)
```
#c5ede9
```
#c5ede9 rgb(197,237,233)
```
#d4f2ef
```
#d4f2ef rgb(212,242,239)
```
#e3f6f5
```
#e3f6f5 rgb(227,246,245)
```
#f2fbfa
```
#f2fbfa rgb(242,251,250)
```

Tint Color Variation

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

#8e9b9a
```
#8e9b9a rgb(142,155,154)
```
#86a3a0
```
#86a3a0 rgb(134,163,160)
```
#7eaba7
```
#7eaba7 rgb(126,171,167)
```
#76b3ae
```
#76b3ae rgb(118,179,174)
```
#6dbcb5
```
#6dbcb5 rgb(109,188,181)
```
#65c4bb
```
#65c4bb rgb(101,196,187)
```
#5dccc2
```
#5dccc2 rgb(93,204,194)
```
#55d4c9
```
#55d4c9 rgb(85,212,201)
```
#4ddccf
```
#4ddccf rgb(77,220,207)
```
#44e5d6
```
#44e5d6 rgb(68,229,214)
```
#3ceddd
```
#3ceddd rgb(60,237,221)
```
#34f5e4
```
#34f5e4 rgb(52,245,228)
```
#2cfdea
```
#2cfdea rgb(44,253,234)
```

Tone Color Variation

Below, you can see how #5dccc2 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
#9bb1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1bdbb Protanopia 1% of men
#c8b9cc Deuteranopia 1% of men
#6ecbda Tritanopia 0.001% of the population

Trichromacy

#9dc2be Protanomaly 1% of men, 0.01% of women
#a1c0c8 Deuteranomaly 6% of men, 0.4% of women
#68cbd1 Tritanomaly 0.01% of the population

#5dccc2 hex color

#5dccc2 Color Information

#5dccc2 Color Conversion

Color Schemes with #5dccc2

Alternatives to #5dccc2

#5dccc2 Preview

Shades and Tints of #5dccc2

Tones of #5dccc2

Color Blindness Simulator