#5ca3ef hex color

In a RGB color space, hex #5ca3ef is composed of 36.1% red, 63.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 31.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 211 degrees, a saturation of 82.1% and a lightness of 64.9%. #5ca3ef color hex could be obtained by blending #b8ffff with #0047df. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 64
- B 94
RGB color chart
- C 62
- M 32
- Y 0
- K 6
CMYK color chart

● #5ca3ef color description : Soft blue.

The hexadecimal color #5ca3ef has RGB values of R:92, G:163, B:239 and CMYK values of C:0.62, M:0.32, Y:0, K:0.06. Its decimal value is 6071279.

Hex triplet	5ca3ef	`#5ca3ef`
RGB Decimal	92, 163, 239	`rgb(92,163,239)`
RGB Percent	36.1, 63.9, 93.7	`rgb(36.1%,63.9%,93.7%)`
CMYK	62, 32, 0, 6
HSL	211°, 82.1, 64.9	`hsl(211,82.1%,64.9%)`
HSV (or HSB)	211°, 61.5, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.514, 0.377, -44.769
XYZ	33.087, 34.7, 86.611
xyY	0.214, 0.225, 34.7
CIE-LCH	65.514, 44.771, 270.483
CIE-LUV	65.514, -29.921, -71.885
Hunter-Lab	58.906, -2.824, -45.94
Binary	01011100, 10100011, 11101111

#5ca3ef
```
#5ca3ef rgb(92,163,239)
```
#efa85c
```
#efa85c rgb(239,168,92)
```

Complementary Color

#5cedef
```
#5cedef rgb(92,237,239)
```
#5ca3ef
```
#5ca3ef rgb(92,163,239)
```
#5e5cef
```
#5e5cef rgb(94,92,239)
```

Analogous Color

#edef5c
```
#edef5c rgb(237,239,92)
```
#5ca3ef
```
#5ca3ef rgb(92,163,239)
```
#ef5f5c
```
#ef5f5c rgb(239,95,92)
```

Split Complementary Color

#a3ef5c
```
#a3ef5c rgb(163,239,92)
```
#5ca3ef
```
#5ca3ef rgb(92,163,239)
```
#ef5ca3
```
#ef5ca3 rgb(239,92,163)
```

Triadic Color

#5cefa8
```
#5cefa8 rgb(92,239,168)
```
#5ca3ef
```
#5ca3ef rgb(92,163,239)
```
#ef5ca3
```
#ef5ca3 rgb(239,92,163)
```
#efa85c
```
#efa85c rgb(239,168,92)
```

Tetradic Color

#177ce8
```
#177ce8 rgb(23,124,232)
```
#2e89ea
```
#2e89ea rgb(46,137,234)
```
#4596ed
```
#4596ed rgb(69,150,237)
```
#5ca3ef
```
#5ca3ef rgb(92,163,239)
```
#73b0f1
```
#73b0f1 rgb(115,176,241)
```
#8abdf4
```
#8abdf4 rgb(138,189,244)
```
#a2caf6
```
#a2caf6 rgb(162,202,246)
```

Monochromatic Color

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

#5cc8ef
```
#5cc8ef rgb(92,200,239)
```
#5cbcef
```
#5cbcef rgb(92,188,239)
```
#5cafef
```
#5cafef rgb(92,175,239)
```
#5ca3ef
```
#5ca3ef rgb(92,163,239)
```
#5c97ef
```
#5c97ef rgb(92,151,239)
```
#5c8bef
```
#5c8bef rgb(92,139,239)
```
#5c7eef
```
#5c7eef rgb(92,126,239)
```

Similar Colors

Text with hexadecimal color #5ca3ef

This text has a font color of #5ca3ef.

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

#5ca3ef background color

This paragraph has a background color of #5ca3ef.

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

#5ca3ef border color

This element has a border color of #5ca3ef.

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

CSS codes

.text {color:#5ca3ef;}

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

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

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

#020810
```
#020810 rgb(2,8,16)
```
#031221
```
#031221 rgb(3,18,33)
```
#051b33
```
#051b33 rgb(5,27,51)
```
#072545
```
#072545 rgb(7,37,69)
```
#092e57
```
#092e57 rgb(9,46,87)
```
#0a3869
```
#0a3869 rgb(10,56,105)
```
#0c427b
```
#0c427b rgb(12,66,123)
```
#0e4b8d
```
#0e4b8d rgb(14,75,141)
```
#10559f
```
#10559f rgb(16,85,159)
```
#115eb0
```
#115eb0 rgb(17,94,176)
```
#1368c2
```
#1368c2 rgb(19,104,194)
```
#1571d4
```
#1571d4 rgb(21,113,212)
```
#177be6
```
#177be6 rgb(23,123,230)
```

Shade Color Variation

#2685ea
```
#2685ea rgb(38,133,234)
```
#388feb
```
#388feb rgb(56,143,235)
```
#4a99ed
```
#4a99ed rgb(74,153,237)
```
#5ca3ef
```
#5ca3ef rgb(92,163,239)
```
#6eadf1
```
#6eadf1 rgb(110,173,241)
```
#80b7f3
```
#80b7f3 rgb(128,183,243)
```
#92c1f4
```
#92c1f4 rgb(146,193,244)
```
#a3cbf6
```
#a3cbf6 rgb(163,203,246)
```
#b5d5f8
```
#b5d5f8 rgb(181,213,248)
```
#c7dffa
```
#c7dffa rgb(199,223,250)
```
#d9eafb
```
#d9eafb rgb(217,234,251)
```
#ebf4fd
```
#ebf4fd rgb(235,244,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a1a5aa
```
#a1a5aa rgb(161,165,170)
```
#9aa5b1
```
#9aa5b1 rgb(154,165,177)
```
#93a5b8
```
#93a5b8 rgb(147,165,184)
```
#8ca5bf
```
#8ca5bf rgb(140,165,191)
```
#85a4c6
```
#85a4c6 rgb(133,164,198)
```
#7ea4cd
```
#7ea4cd rgb(126,164,205)
```
#78a4d3
```
#78a4d3 rgb(120,164,211)
```
#71a4da
```
#71a4da rgb(113,164,218)
```
#6aa3e1
```
#6aa3e1 rgb(106,163,225)
```
#63a3e8
```
#63a3e8 rgb(99,163,232)
```
#5ca3ef
```
#5ca3ef rgb(92,163,239)
```
#55a3f6
```
#55a3f6 rgb(85,163,246)
```
#4ea3fd
```
#4ea3fd rgb(78,163,253)
```

Tone Color Variation

Below, you can see how #5ca3ef 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
#8a99a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89a1eb Protanopia 1% of men
#7aa3f1 Deuteranopia 1% of men
#44b1bf Tritanopia 0.001% of the population

Trichromacy

#78a2ec Protanomaly 1% of men, 0.01% of women
#6fa3f0 Deuteranomaly 6% of men, 0.4% of women
#4dacd0 Tritanomaly 0.01% of the population

#5ca3ef hex color

#5ca3ef Color Information

#5ca3ef Color Conversion

Color Schemes with #5ca3ef

Alternatives to #5ca3ef

#5ca3ef Preview

Shades and Tints of #5ca3ef

Tones of #5ca3ef

Color Blindness Simulator