#5ca6e0 hex color

In a RGB color space, hex #5ca6e0 is composed of 36.1% red, 65.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 25.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 206.4 degrees, a saturation of 68% and a lightness of 62%. #5ca6e0 color hex could be obtained by blending #b8ffff with #004dc1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 65
- B 88
RGB color chart
- C 59
- M 26
- Y 0
- K 12
CMYK color chart

● #5ca6e0 color description : Soft blue.

The hexadecimal color #5ca6e0 has RGB values of R:92, G:166, B:224 and CMYK values of C:0.59, M:0.26, Y:0, K:0.12. Its decimal value is 6072032.

Hex triplet	5ca6e0	`#5ca6e0`
RGB Decimal	92, 166, 224	`rgb(92,166,224)`
RGB Percent	36.1, 65.1, 87.8	`rgb(36.1%,65.1%,87.8%)`
CMYK	59, 26, 0, 12
HSL	206.4°, 68, 62	`hsl(206.4,68%,62%)`
HSV (or HSB)	206.4°, 58.9, 87.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.692, -6.103, -36.25
XYZ	31.501, 34.927, 75.599
xyY	0.222, 0.246, 34.927
CIE-LCH	65.692, 36.76, 260.444
CIE-LUV	65.692, -31.386, -56.761
Hunter-Lab	59.099, -8.28, -34.473
Binary	01011100, 10100110, 11100000

#5ca6e0
```
#5ca6e0 rgb(92,166,224)
```
#e0965c
```
#e0965c rgb(224,150,92)
```

Complementary Color

#5ce0d8
```
#5ce0d8 rgb(92,224,216)
```
#5ca6e0
```
#5ca6e0 rgb(92,166,224)
```
#5c64e0
```
#5c64e0 rgb(92,100,224)
```

Analogous Color

#e0d85c
```
#e0d85c rgb(224,216,92)
```
#5ca6e0
```
#5ca6e0 rgb(92,166,224)
```
#e05c64
```
#e05c64 rgb(224,92,100)
```

Split Complementary Color

#a6e05c
```
#a6e05c rgb(166,224,92)
```
#5ca6e0
```
#5ca6e0 rgb(92,166,224)
```
#e05ca6
```
#e05ca6 rgb(224,92,166)
```

Triadic Color

#5ce096
```
#5ce096 rgb(92,224,150)
```
#5ca6e0
```
#5ca6e0 rgb(92,166,224)
```
#e05ca6
```
#e05ca6 rgb(224,92,166)
```
#e0965c
```
#e0965c rgb(224,150,92)
```

Tetradic Color

#2682c9
```
#2682c9 rgb(38,130,201)
```
#318fd8
```
#318fd8 rgb(49,143,216)
```
#479adc
```
#479adc rgb(71,154,220)
```
#5ca6e0
```
#5ca6e0 rgb(92,166,224)
```
#71b2e4
```
#71b2e4 rgb(113,178,228)
```
#87bde8
```
#87bde8 rgb(135,189,232)
```
#9cc9ec
```
#9cc9ec rgb(156,201,236)
```

Monochromatic Color

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

#5cc7e0
```
#5cc7e0 rgb(92,199,224)
```
#5cbce0
```
#5cbce0 rgb(92,188,224)
```
#5cb1e0
```
#5cb1e0 rgb(92,177,224)
```
#5ca6e0
```
#5ca6e0 rgb(92,166,224)
```
#5c9be0
```
#5c9be0 rgb(92,155,224)
```
#5c90e0
```
#5c90e0 rgb(92,144,224)
```
#5c85e0
```
#5c85e0 rgb(92,133,224)
```

Similar Colors

Text with hexadecimal color #5ca6e0

This text has a font color of #5ca6e0.

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

#5ca6e0 background color

This paragraph has a background color of #5ca6e0.

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

#5ca6e0 border color

This element has a border color of #5ca6e0.

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

CSS codes

.text {color:#5ca6e0;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#071623
```
#071623 rgb(7,22,35)
```
#0a2133
```
#0a2133 rgb(10,33,51)
```
#0d2c44
```
#0d2c44 rgb(13,44,68)
```
#103654
```
#103654 rgb(16,54,84)
```
#134165
```
#134165 rgb(19,65,101)
```
#164b75
```
#164b75 rgb(22,75,117)
```
#195686
```
#195686 rgb(25,86,134)
```
#1d6196
```
#1d6196 rgb(29,97,150)
```
#206ba7
```
#206ba7 rgb(32,107,167)
```
#2376b7
```
#2376b7 rgb(35,118,183)
```
#2681c8
```
#2681c8 rgb(38,129,200)
```

Shade Color Variation

#2b8bd7
```
#2b8bd7 rgb(43,139,215)
```
#3b94da
```
#3b94da rgb(59,148,218)
```
#4c9ddd
```
#4c9ddd rgb(76,157,221)
```
#5ca6e0
```
#5ca6e0 rgb(92,166,224)
```
#6cafe3
```
#6cafe3 rgb(108,175,227)
```
#7db8e6
```
#7db8e6 rgb(125,184,230)
```
#8dc1e9
```
#8dc1e9 rgb(141,193,233)
```
#9ecaed
```
#9ecaed rgb(158,202,237)
```
#aed3f0
```
#aed3f0 rgb(174,211,240)
```
#bfdcf3
```
#bfdcf3 rgb(191,220,243)
```
#cfe5f6
```
#cfe5f6 rgb(207,229,246)
```
#e0eef9
```
#e0eef9 rgb(224,238,249)
```
#f0f7fc
```
#f0f7fc rgb(240,247,252)
```

Tint Color Variation

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

#989fa4
```
#989fa4 rgb(152,159,164)
```
#90a0ac
```
#90a0ac rgb(144,160,172)
```
#89a1b3
```
#89a1b3 rgb(137,161,179)
```
#81a1bb
```
#81a1bb rgb(129,161,187)
```
#7aa2c2
```
#7aa2c2 rgb(122,162,194)
```
#72a3ca
```
#72a3ca rgb(114,163,202)
```
#6ba4d1
```
#6ba4d1 rgb(107,164,209)
```
#63a5d9
```
#63a5d9 rgb(99,165,217)
```
#5ca6e0
```
#5ca6e0 rgb(92,166,224)
```
#55a7e7
```
#55a7e7 rgb(85,167,231)
```
#4da8ef
```
#4da8ef rgb(77,168,239)
```
#46a9f6
```
#46a9f6 rgb(70,169,246)
```
#3eaafe
```
#3eaafe rgb(62,170,254)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8a99a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a2db Protanopia 1% of men
#89a3e4 Deuteranopia 1% of men
#50b1be Tritanopia 0.001% of the population

Trichromacy

#7ea3dd Protanomaly 1% of men, 0.01% of women
#79a4e2 Deuteranomaly 6% of men, 0.4% of women
#54adca Tritanomaly 0.01% of the population

#5ca6e0 hex color

#5ca6e0 Color Information

#5ca6e0 Color Conversion

Color Schemes with #5ca6e0

Alternatives to #5ca6e0

#5ca6e0 Preview

Shades and Tints of #5ca6e0

Tones of #5ca6e0

Color Blindness Simulator