#5dc2e5 hex color

In a RGB color space, hex #5dc2e5 is composed of 36.5% red, 76.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 15.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 195.4 degrees, a saturation of 72.3% and a lightness of 63.1%. #5dc2e5 color hex could be obtained by blending #baffff with #0085cb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 76
- B 90
RGB color chart
- C 59
- M 15
- Y 0
- K 10
CMYK color chart

● #5dc2e5 color description : Soft blue.

The hexadecimal color #5dc2e5 has RGB values of R:93, G:194, B:229 and CMYK values of C:0.59, M:0.15, Y:0, K:0.1. Its decimal value is 6144741.

Hex triplet	5dc2e5	`#5dc2e5`
RGB Decimal	93, 194, 229	`rgb(93,194,229)`
RGB Percent	36.5, 76.1, 89.8	`rgb(36.5%,76.1%,89.8%)`
CMYK	59, 15, 0, 10
HSL	195.4°, 72.3, 63.1	`hsl(195.4,72.3%,63.1%)`
HSV (or HSB)	195.4°, 59.4, 89.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.911, -19.381, -26.285
XYZ	37.945, 46.565, 81.113
xyY	0.229, 0.281, 46.565
CIE-LCH	73.911, 32.658, 233.597
CIE-LUV	73.911, -41.243, -39.003
Hunter-Lab	68.239, -20.16, -22.709
Binary	01011101, 11000010, 11100101

#5dc2e5
```
#5dc2e5 rgb(93,194,229)
```
#e5805d
```
#e5805d rgb(229,128,93)
```

Complementary Color

#5de5c4
```
#5de5c4 rgb(93,229,196)
```
#5dc2e5
```
#5dc2e5 rgb(93,194,229)
```
#5d7ee5
```
#5d7ee5 rgb(93,126,229)
```

Analogous Color

#e5c45d
```
#e5c45d rgb(229,196,93)
```
#5dc2e5
```
#5dc2e5 rgb(93,194,229)
```
#e55d7e
```
#e55d7e rgb(229,93,126)
```

Split Complementary Color

#c2e55d
```
#c2e55d rgb(194,229,93)
```
#5dc2e5
```
#5dc2e5 rgb(93,194,229)
```
#e55dc2
```
#e55dc2 rgb(229,93,194)
```

Triadic Color

#5de580
```
#5de580 rgb(93,229,128)
```
#5dc2e5
```
#5dc2e5 rgb(93,194,229)
```
#e55dc2
```
#e55dc2 rgb(229,93,194)
```
#e5805d
```
#e5805d rgb(229,128,93)
```

Tetradic Color

#22a6d4
```
#22a6d4 rgb(34,166,212)
```
#31b1de
```
#31b1de rgb(49,177,222)
```
#47bae1
```
#47bae1 rgb(71,186,225)
```
#5dc2e5
```
#5dc2e5 rgb(93,194,229)
```
#73cae9
```
#73cae9 rgb(115,202,233)
```
#89d3ec
```
#89d3ec rgb(137,211,236)
```
#9fdbf0
```
#9fdbf0 rgb(159,219,240)
```

Monochromatic Color

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

#5de4e5
```
#5de4e5 rgb(93,228,229)
```
#5dd9e5
```
#5dd9e5 rgb(93,217,229)
```
#5dcde5
```
#5dcde5 rgb(93,205,229)
```
#5dc2e5
```
#5dc2e5 rgb(93,194,229)
```
#5db7e5
```
#5db7e5 rgb(93,183,229)
```
#5dabe5
```
#5dabe5 rgb(93,171,229)
```
#5da0e5
```
#5da0e5 rgb(93,160,229)
```

Similar Colors

Text with hexadecimal color #5dc2e5

This text has a font color of #5dc2e5.

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

#5dc2e5 background color

This paragraph has a background color of #5dc2e5.

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

#5dc2e5 border color

This element has a border color of #5dc2e5.

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

CSS codes

.text {color:#5dc2e5;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#041318
```
#041318 rgb(4,19,24)
```
#072029
```
#072029 rgb(7,32,41)
```
#092d3a
```
#092d3a rgb(9,45,58)
```
#0c3b4b
```
#0c3b4b rgb(12,59,75)
```
#0f485c
```
#0f485c rgb(15,72,92)
```
#11556c
```
#11556c rgb(17,85,108)
```
#14627d
```
#14627d rgb(20,98,125)
```
#17708e
```
#17708e rgb(23,112,142)
```
#1a7d9f
```
#1a7d9f rgb(26,125,159)
```
#1c8ab0
```
#1c8ab0 rgb(28,138,176)
```
#1f97c1
```
#1f97c1 rgb(31,151,193)
```
#22a5d2
```
#22a5d2 rgb(34,165,210)
```

Shade Color Variation

#2aafdd
```
#2aafdd rgb(42,175,221)
```
#3bb5e0
```
#3bb5e0 rgb(59,181,224)
```
#4cbce2
```
#4cbce2 rgb(76,188,226)
```
#5dc2e5
```
#5dc2e5 rgb(93,194,229)
```
#6ec8e8
```
#6ec8e8 rgb(110,200,232)
```
#7fcfea
```
#7fcfea rgb(127,207,234)
```
#90d5ed
```
#90d5ed rgb(144,213,237)
```
#a1dbf0
```
#a1dbf0 rgb(161,219,240)
```
#b2e2f3
```
#b2e2f3 rgb(178,226,243)
```
#c2e8f5
```
#c2e8f5 rgb(194,232,245)
```
#d3eff8
```
#d3eff8 rgb(211,239,248)
```
#e4f5fb
```
#e4f5fb rgb(228,245,251)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

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

#9ea2a4
```
#9ea2a4 rgb(158,162,164)
```
#97a6ab
```
#97a6ab rgb(151,166,171)
```
#90a9b2
```
#90a9b2 rgb(144,169,178)
```
#88adba
```
#88adba rgb(136,173,186)
```
#81b0c1
```
#81b0c1 rgb(129,176,193)
```
#7ab4c8
```
#7ab4c8 rgb(122,180,200)
```
#73b7cf
```
#73b7cf rgb(115,183,207)
```
#6bbbd7
```
#6bbbd7 rgb(107,187,215)
```
#64bede
```
#64bede rgb(100,190,222)
```
#5dc2e5
```
#5dc2e5 rgb(93,194,229)
```
#56c6ec
```
#56c6ec rgb(86,198,236)
```
#4fc9f3
```
#4fc9f3 rgb(79,201,243)
```
#47cdfb
```
#47cdfb rgb(71,205,251)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#99adb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b7dd Protanopia 1% of men
#adb6eb Deuteranopia 1% of men
#5cc8d6 Tritanopia 0.001% of the population

Trichromacy

#92bbe0 Protanomaly 1% of men, 0.01% of women
#90bae9 Deuteranomaly 6% of men, 0.4% of women
#5cc5db Tritanomaly 0.01% of the population

#5dc2e5 hex color

#5dc2e5 Color Information

#5dc2e5 Color Conversion

Color Schemes with #5dc2e5

Alternatives to #5dc2e5

#5dc2e5 Preview

Shades and Tints of #5dc2e5

Tones of #5dc2e5

Color Blindness Simulator