#5caddb hex color

In a RGB color space, hex #5caddb is composed of 36.1% red, 67.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 21% magenta, 0% yellow and 14.1% black. It has a hue angle of 201.7 degrees, a saturation of 63.8% and a lightness of 61%. #5caddb color hex could be obtained by blending #b8ffff with #005bb7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 68
- B 86
RGB color chart
- C 58
- M 21
- Y 0
- K 14
CMYK color chart

● #5caddb color description : Soft blue.

The hexadecimal color #5caddb has RGB values of R:92, G:173, B:219 and CMYK values of C:0.58, M:0.21, Y:0, K:0.14. Its decimal value is 6073819.

Hex triplet	5caddb	`#5caddb`
RGB Decimal	92, 173, 219	`rgb(92,173,219)`
RGB Percent	36.1, 67.8, 85.9	`rgb(36.1%,67.8%,85.9%)`
CMYK	58, 21, 0, 14
HSL	201.7°, 63.8, 61	`hsl(201.7,63.8%,61%)`
HSV (or HSB)	201.7°, 58, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.483, -11.496, -30.721
XYZ	32.14, 37.275, 72.515
xyY	0.226, 0.263, 37.275
CIE-LCH	67.483, 32.802, 249.484
CIE-LUV	67.483, -34.116, -46.988
Hunter-Lab	61.053, -12.875, -27.684
Binary	01011100, 10101101, 11011011

#5caddb
```
#5caddb rgb(92,173,219)
```
#db8a5c
```
#db8a5c rgb(219,138,92)
```

Complementary Color

#5cdbca
```
#5cdbca rgb(92,219,202)
```
#5caddb
```
#5caddb rgb(92,173,219)
```
#5c6edb
```
#5c6edb rgb(92,110,219)
```

Analogous Color

#dbca5c
```
#dbca5c rgb(219,202,92)
```
#5caddb
```
#5caddb rgb(92,173,219)
```
#db5c6e
```
#db5c6e rgb(219,92,110)
```

Split Complementary Color

#addb5c
```
#addb5c rgb(173,219,92)
```
#5caddb
```
#5caddb rgb(92,173,219)
```
#db5cad
```
#db5cad rgb(219,92,173)
```

Triadic Color

#5cdb8a
```
#5cdb8a rgb(92,219,138)
```
#5caddb
```
#5caddb rgb(92,173,219)
```
#db5cad
```
#db5cad rgb(219,92,173)
```
#db8a5c
```
#db8a5c rgb(219,138,92)
```

Tetradic Color

#2a8ac0
```
#2a8ac0 rgb(42,138,192)
```
#3298d2
```
#3298d2 rgb(50,152,210)
```
#47a2d6
```
#47a2d6 rgb(71,162,214)
```
#5caddb
```
#5caddb rgb(92,173,219)
```
#71b8e0
```
#71b8e0 rgb(113,184,224)
```
#86c2e4
```
#86c2e4 rgb(134,194,228)
```
#9bcde9
```
#9bcde9 rgb(155,205,233)
```

Monochromatic Color

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

#5ccddb
```
#5ccddb rgb(92,205,219)
```
#5cc2db
```
#5cc2db rgb(92,194,219)
```
#5cb8db
```
#5cb8db rgb(92,184,219)
```
#5caddb
```
#5caddb rgb(92,173,219)
```
#5ca2db
```
#5ca2db rgb(92,162,219)
```
#5c98db
```
#5c98db rgb(92,152,219)
```
#5c8ddb
```
#5c8ddb rgb(92,141,219)
```

Similar Colors

Text with hexadecimal color #5caddb

This text has a font color of #5caddb.

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

#5caddb background color

This paragraph has a background color of #5caddb.

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

#5caddb border color

This element has a border color of #5caddb.

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

CSS codes

.text {color:#5caddb;}

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

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

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

#030a0e
```
#030a0e rgb(3,10,14)
```
#07151e
```
#07151e rgb(7,21,30)
```
#0a212e
```
#0a212e rgb(10,33,46)
```
#0e2c3e
```
#0e2c3e rgb(14,44,62)
```
#11384e
```
#11384e rgb(17,56,78)
```
#15445e
```
#15445e rgb(21,68,94)
```
#184f6e
```
#184f6e rgb(24,79,110)
```
#1c5b7e
```
#1c5b7e rgb(28,91,126)
```
#1f668e
```
#1f668e rgb(31,102,142)
```
#23729e
```
#23729e rgb(35,114,158)
```
#277dae
```
#277dae rgb(39,125,174)
```
#2a89be
```
#2a89be rgb(42,137,190)
```
#2e94cf
```
#2e94cf rgb(46,148,207)
```

Shade Color Variation

#3c9dd4
```
#3c9dd4 rgb(60,157,212)
```
#4ca5d7
```
#4ca5d7 rgb(76,165,215)
```
#5caddb
```
#5caddb rgb(92,173,219)
```
#6cb5df
```
#6cb5df rgb(108,181,223)
```
#7cbde2
```
#7cbde2 rgb(124,189,226)
```
#8cc5e6
```
#8cc5e6 rgb(140,197,230)
```
#9ccde9
```
#9ccde9 rgb(156,205,233)
```
#acd5ed
```
#acd5ed rgb(172,213,237)
```
#bcddf0
```
#bcddf0 rgb(188,221,240)
```
#cce6f4
```
#cce6f4 rgb(204,230,244)
```
#ddeef7
```
#ddeef7 rgb(221,238,247)
```
#edf6fb
```
#edf6fb rgb(237,246,251)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999c9e is the less saturated color, while #3db5fa is the most saturated one.

#999c9e
```
#999c9e rgb(153,156,158)
```
#929ea5
```
#929ea5 rgb(146,158,165)
```
#8aa0ad
```
#8aa0ad rgb(138,160,173)
```
#82a2b5
```
#82a2b5 rgb(130,162,181)
```
#7ba5bc
```
#7ba5bc rgb(123,165,188)
```
#73a7c4
```
#73a7c4 rgb(115,167,196)
```
#6ba9cc
```
#6ba9cc rgb(107,169,204)
```
#64abd3
```
#64abd3 rgb(100,171,211)
```
#5caddb
```
#5caddb rgb(92,173,219)
```
#54afe3
```
#54afe3 rgb(84,175,227)
```
#4db1ea
```
#4db1ea rgb(77,177,234)
```
#45b3f2
```
#45b3f2 rgb(69,179,242)
```
#3db5fa
```
#3db5fa rgb(61,181,250)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8e9ea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba7d6 Protanopia 1% of men
#96a7e0 Deuteranopia 1% of men
#56b6c3 Tritanopia 0.001% of the population

Trichromacy

#84a9d7 Protanomaly 1% of men, 0.01% of women
#81a9de Deuteranomaly 6% of men, 0.4% of women
#58b2cb Tritanomaly 0.01% of the population

#5caddb hex color

#5caddb Color Information

#5caddb Color Conversion

Color Schemes with #5caddb

Alternatives to #5caddb

#5caddb Preview

Shades and Tints of #5caddb

Tones of #5caddb

Color Blindness Simulator