#5ca2eb hex color

In a RGB color space, hex #5ca2eb is composed of 36.1% red, 63.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 31.1% magenta, 0% yellow and 7.8% black. It has a hue angle of 210.6 degrees, a saturation of 78.1% and a lightness of 64.1%. #5ca2eb color hex could be obtained by blending #b8ffff with #0045d7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 64
- B 92
RGB color chart
- C 61
- M 31
- Y 0
- K 8
CMYK color chart

● #5ca2eb color description : Soft blue.

The hexadecimal color #5ca2eb has RGB values of R:92, G:162, B:235 and CMYK values of C:0.61, M:0.31, Y:0, K:0.08. Its decimal value is 6071019.

Hex triplet	5ca2eb	`#5ca2eb`
RGB Decimal	92, 162, 235	`rgb(92,162,235)`
RGB Percent	36.1, 63.5, 92.2	`rgb(36.1%,63.5%,92.2%)`
CMYK	61, 31, 0, 8
HSL	210.6°, 78.1, 64.1	`hsl(210.6,78.1%,64.1%)`
HSV (or HSB)	210.6°, 60.9, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.051, -0.347, -43.302
XYZ	32.326, 34.112, 83.473
xyY	0.216, 0.228, 34.112
CIE-LCH	65.051, 43.303, 269.541
CIE-LUV	65.051, -29.663, -69.246
Hunter-Lab	58.405, -3.415, -43.854
Binary	01011100, 10100010, 11101011

#5ca2eb
```
#5ca2eb rgb(92,162,235)
```
#eba55c
```
#eba55c rgb(235,165,92)
```

Complementary Color

#5ceaeb
```
#5ceaeb rgb(92,234,235)
```
#5ca2eb
```
#5ca2eb rgb(92,162,235)
```
#5d5ceb
```
#5d5ceb rgb(93,92,235)
```

Analogous Color

#eaeb5c
```
#eaeb5c rgb(234,235,92)
```
#5ca2eb
```
#5ca2eb rgb(92,162,235)
```
#eb5e5c
```
#eb5e5c rgb(235,94,92)
```

Split Complementary Color

#a2eb5c
```
#a2eb5c rgb(162,235,92)
```
#5ca2eb
```
#5ca2eb rgb(92,162,235)
```
#eb5ca2
```
#eb5ca2 rgb(235,92,162)
```

Triadic Color

#5ceba5
```
#5ceba5 rgb(92,235,165)
```
#5ca2eb
```
#5ca2eb rgb(92,162,235)
```
#eb5ca2
```
#eb5ca2 rgb(235,92,162)
```
#eba55c
```
#eba55c rgb(235,165,92)
```

Tetradic Color

#1b7bdf
```
#1b7bdf rgb(27,123,223)
```
#2f88e5
```
#2f88e5 rgb(47,136,229)
```
#4595e8
```
#4595e8 rgb(69,149,232)
```
#5ca2eb
```
#5ca2eb rgb(92,162,235)
```
#73afee
```
#73afee rgb(115,175,238)
```
#89bcf1
```
#89bcf1 rgb(137,188,241)
```
#a0c9f3
```
#a0c9f3 rgb(160,201,243)
```

Monochromatic Color

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

#5cc6eb
```
#5cc6eb rgb(92,198,235)
```
#5cbaeb
```
#5cbaeb rgb(92,186,235)
```
#5caeeb
```
#5caeeb rgb(92,174,235)
```
#5ca2eb
```
#5ca2eb rgb(92,162,235)
```
#5c96eb
```
#5c96eb rgb(92,150,235)
```
#5c8aeb
```
#5c8aeb rgb(92,138,235)
```
#5c7eeb
```
#5c7eeb rgb(92,126,235)
```

Similar Colors

Text with hexadecimal color #5ca2eb

This text has a font color of #5ca2eb.

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

#5ca2eb background color

This paragraph has a background color of #5ca2eb.

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

#5ca2eb border color

This element has a border color of #5ca2eb.

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

CSS codes

.text {color:#5ca2eb;}

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

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

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, #01060c is the darkest color, while #f9fcfe is the lightest one.

#01060c
```
#01060c rgb(1,6,12)
```
#04101d
```
#04101d rgb(4,16,29)
```
#061a2f
```
#061a2f rgb(6,26,47)
```
#082340
```
#082340 rgb(8,35,64)
```
#0a2d52
```
#0a2d52 rgb(10,45,82)
```
#0c3763
```
#0c3763 rgb(12,55,99)
```
#0e4075
```
#0e4075 rgb(14,64,117)
```
#104a86
```
#104a86 rgb(16,74,134)
```
#135497
```
#135497 rgb(19,84,151)
```
#155da9
```
#155da9 rgb(21,93,169)
```
#1767ba
```
#1767ba rgb(23,103,186)
```
#1971cc
```
#1971cc rgb(25,113,204)
```
#1b7add
```
#1b7add rgb(27,122,221)
```

Shade Color Variation

#2884e5
```
#2884e5 rgb(40,132,229)
```
#398ee7
```
#398ee7 rgb(57,142,231)
```
#4b98e9
```
#4b98e9 rgb(75,152,233)
```
#5ca2eb
```
#5ca2eb rgb(92,162,235)
```
#6daced
```
#6daced rgb(109,172,237)
```
#7fb6ef
```
#7fb6ef rgb(127,182,239)
```
#90c0f1
```
#90c0f1 rgb(144,192,241)
```
#a2caf4
```
#a2caf4 rgb(162,202,244)
```
#b3d4f6
```
#b3d4f6 rgb(179,212,246)
```
#c5def8
```
#c5def8 rgb(197,222,248)
```
#d6e8fa
```
#d6e8fa rgb(214,232,250)
```
#e8f2fc
```
#e8f2fc rgb(232,242,252)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a3a5 is the less saturated color, while #4ea2f9 is the most saturated one.

#a2a3a5
```
#a2a3a5 rgb(162,163,165)
```
#9ba3ac
```
#9ba3ac rgb(155,163,172)
```
#94a3b3
```
#94a3b3 rgb(148,163,179)
```
#8da3ba
```
#8da3ba rgb(141,163,186)
```
#86a3c1
```
#86a3c1 rgb(134,163,193)
```
#7fa3c8
```
#7fa3c8 rgb(127,163,200)
```
#78a3cf
```
#78a3cf rgb(120,163,207)
```
#71a2d6
```
#71a2d6 rgb(113,162,214)
```
#6aa2dd
```
#6aa2dd rgb(106,162,221)
```
#63a2e4
```
#63a2e4 rgb(99,162,228)
```
#5ca2eb
```
#5ca2eb rgb(92,162,235)
```
#55a2f2
```
#55a2f2 rgb(85,162,242)
```
#4ea2f9
```
#4ea2f9 rgb(78,162,249)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8a98a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a0e7 Protanopia 1% of men
#7ca2ed Deuteranopia 1% of men
#47b0bd Tritanopia 0.001% of the population

Trichromacy

#78a1e8 Protanomaly 1% of men, 0.01% of women
#70a2ec Deuteranomaly 6% of men, 0.4% of women
#4eabcd Tritanomaly 0.01% of the population

#5ca2eb hex color

#5ca2eb Color Information

#5ca2eb Color Conversion

Color Schemes with #5ca2eb

Alternatives to #5ca2eb

#5ca2eb Preview

Shades and Tints of #5ca2eb

Tones of #5ca2eb

Color Blindness Simulator