#5cd0e2 hex color

In a RGB color space, hex #5cd0e2 is composed of 36.1% red, 81.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 8% magenta, 0% yellow and 11.4% black. It has a hue angle of 188.1 degrees, a saturation of 69.8% and a lightness of 62.4%. #5cd0e2 color hex could be obtained by blending #b8ffff with #00a1c5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 82
- B 89
RGB color chart
- C 59
- M 8
- Y 0
- K 11
CMYK color chart

● #5cd0e2 color description : Soft cyan.

The hexadecimal color #5cd0e2 has RGB values of R:92, G:208, B:226 and CMYK values of C:0.59, M:0.08, Y:0, K:0.11. Its decimal value is 6082786.

Hex triplet	5cd0e2	`#5cd0e2`
RGB Decimal	92, 208, 226	`rgb(92,208,226)`
RGB Percent	36.1, 81.6, 88.6	`rgb(36.1%,81.6%,88.6%)`
CMYK	59, 8, 0, 11
HSL	188.1°, 69.8, 62.4	`hsl(188.1,69.8%,62.4%)`
HSV (or HSB)	188.1°, 59.3, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.801, -27.469, -18.751
XYZ	40.693, 52.875, 80.009
xyY	0.234, 0.305, 52.875
CIE-LCH	77.801, 33.259, 214.319
CIE-LUV	77.801, -46.788, -25.473
Hunter-Lab	72.715, -27.359, -14.336
Binary	01011100, 11010000, 11100010

#5cd0e2
```
#5cd0e2 rgb(92,208,226)
```
#e26e5c
```
#e26e5c rgb(226,110,92)
```

Complementary Color

#5ce2b1
```
#5ce2b1 rgb(92,226,177)
```
#5cd0e2
```
#5cd0e2 rgb(92,208,226)
```
#5c8de2
```
#5c8de2 rgb(92,141,226)
```

Analogous Color

#e2b15c
```
#e2b15c rgb(226,177,92)
```
#5cd0e2
```
#5cd0e2 rgb(92,208,226)
```
#e25c8d
```
#e25c8d rgb(226,92,141)
```

Split Complementary Color

#d0e25c
```
#d0e25c rgb(208,226,92)
```
#5cd0e2
```
#5cd0e2 rgb(92,208,226)
```
#e25cd0
```
#e25cd0 rgb(226,92,208)
```

Triadic Color

#5ce26e
```
#5ce26e rgb(92,226,110)
```
#5cd0e2
```
#5cd0e2 rgb(92,208,226)
```
#e25cd0
```
#e25cd0 rgb(226,92,208)
```
#e26e5c
```
#e26e5c rgb(226,110,92)
```

Tetradic Color

#24b6cd
```
#24b6cd rgb(36,182,205)
```
#31c4da
```
#31c4da rgb(49,196,218)
```
#46cade
```
#46cade rgb(70,202,222)
```
#5cd0e2
```
#5cd0e2 rgb(92,208,226)
```
#72d6e6
```
#72d6e6 rgb(114,214,230)
```
#87dcea
```
#87dcea rgb(135,220,234)
```
#9de3ee
```
#9de3ee rgb(157,227,238)
```

Monochromatic Color

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

#5ce2d3
```
#5ce2d3 rgb(92,226,211)
```
#5ce2de
```
#5ce2de rgb(92,226,222)
```
#5cdbe2
```
#5cdbe2 rgb(92,219,226)
```
#5cd0e2
```
#5cd0e2 rgb(92,208,226)
```
#5cc5e2
```
#5cc5e2 rgb(92,197,226)
```
#5cbae2
```
#5cbae2 rgb(92,186,226)
```
#5cafe2
```
#5cafe2 rgb(92,175,226)
```

Similar Colors

Text with hexadecimal color #5cd0e2

This text has a font color of #5cd0e2.

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

#5cd0e2 background color

This paragraph has a background color of #5cd0e2.

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

#5cd0e2 border color

This element has a border color of #5cd0e2.

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

CSS codes

.text {color:#5cd0e2;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#041214
```
#041214 rgb(4,18,20)
```
#072125
```
#072125 rgb(7,33,37)
```
#0a3035
```
#0a3035 rgb(10,48,53)
```
#0c3e46
```
#0c3e46 rgb(12,62,70)
```
#0f4d57
```
#0f4d57 rgb(15,77,87)
```
#125c67
```
#125c67 rgb(18,92,103)
```
#156b78
```
#156b78 rgb(21,107,120)
```
#187a89
```
#187a89 rgb(24,122,137)
```
#1b8899
```
#1b8899 rgb(27,136,153)
```
#1e97aa
```
#1e97aa rgb(30,151,170)
```
#21a6bb
```
#21a6bb rgb(33,166,187)
```
#24b5cb
```
#24b5cb rgb(36,181,203)
```

Shade Color Variation

#2ac2d9
```
#2ac2d9 rgb(42,194,217)
```
#3bc6dc
```
#3bc6dc rgb(59,198,220)
```
#4bcbdf
```
#4bcbdf rgb(75,203,223)
```
#5cd0e2
```
#5cd0e2 rgb(92,208,226)
```
#6dd5e5
```
#6dd5e5 rgb(109,213,229)
```
#7ddae8
```
#7ddae8 rgb(125,218,232)
```
#8edeeb
```
#8edeeb rgb(142,222,235)
```
#9fe3ee
```
#9fe3ee rgb(159,227,238)
```
#afe8f1
```
#afe8f1 rgb(175,232,241)
```
#c0edf4
```
#c0edf4 rgb(192,237,244)
```
#d1f2f7
```
#d1f2f7 rgb(209,242,247)
```
#e1f6fa
```
#e1f6fa rgb(225,246,250)
```
#f2fbfd
```
#f2fbfd rgb(242,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9fa0 is the less saturated color, while #46e0f8 is the most saturated one.

#9e9fa0
```
#9e9fa0 rgb(158,159,160)
```
#97a5a7
```
#97a5a7 rgb(151,165,167)
```
#90aaae
```
#90aaae rgb(144,170,174)
```
#88b0b6
```
#88b0b6 rgb(136,176,182)
```
#81b5bd
```
#81b5bd rgb(129,181,189)
```
#7abac4
```
#7abac4 rgb(122,186,196)
```
#72c0cc
```
#72c0cc rgb(114,192,204)
```
#6bc5d3
```
#6bc5d3 rgb(107,197,211)
```
#63cbdb
```
#63cbdb rgb(99,203,219)
```
#5cd0e2
```
#5cd0e2 rgb(92,208,226)
```
#55d5e9
```
#55d5e9 rgb(85,213,233)
```
#4ddbf1
```
#4ddbf1 rgb(77,219,241)
```
#46e0f8
```
#46e0f8 rgb(70,224,248)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9eb6b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc2d9 Protanopia 1% of men
#c1bfea Deuteranopia 1% of men
#63d2e2 Tritanopia 0.001% of the population

Trichromacy

#9bc7dc Protanomaly 1% of men, 0.01% of women
#9cc5e7 Deuteranomaly 6% of men, 0.4% of women
#60d1e2 Tritanomaly 0.01% of the population

#5cd0e2 hex color

#5cd0e2 Color Information

#5cd0e2 Color Conversion

Color Schemes with #5cd0e2

Alternatives to #5cd0e2

#5cd0e2 Preview

Shades and Tints of #5cd0e2

Tones of #5cd0e2

Color Blindness Simulator