#5ca3de hex color

In a RGB color space, hex #5ca3de is composed of 36.1% red, 63.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 26.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 207.2 degrees, a saturation of 66.3% and a lightness of 61.6%. #5ca3de color hex could be obtained by blending #b8ffff with #0047bd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 64
- B 87
RGB color chart
- C 59
- M 27
- Y 0
- K 13
CMYK color chart

● #5ca3de color description : Soft blue.

The hexadecimal color #5ca3de has RGB values of R:92, G:163, B:222 and CMYK values of C:0.59, M:0.27, Y:0, K:0.13. Its decimal value is 6071262.

Hex triplet	5ca3de	`#5ca3de`
RGB Decimal	92, 163, 222	`rgb(92,163,222)`
RGB Percent	36.1, 63.9, 87.1	`rgb(36.1%,63.9%,87.1%)`
CMYK	59, 27, 0, 13
HSL	207.2°, 66.3, 61.6	`hsl(207.2,66.3%,61.6%)`
HSV (or HSB)	207.2°, 58.6, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.757, -5.058, -36.604
XYZ	30.693, 33.742, 73.999
xyY	0.222, 0.244, 33.742
CIE-LCH	64.757, 36.952, 262.132
CIE-LUV	64.757, -30.346, -57.362
Hunter-Lab	58.088, -7.337, -34.869
Binary	01011100, 10100011, 11011110

#5ca3de
```
#5ca3de rgb(92,163,222)
```
#de975c
```
#de975c rgb(222,151,92)
```

Complementary Color

#5cded8
```
#5cded8 rgb(92,222,216)
```
#5ca3de
```
#5ca3de rgb(92,163,222)
```
#5c62de
```
#5c62de rgb(92,98,222)
```

Analogous Color

#ded85c
```
#ded85c rgb(222,216,92)
```
#5ca3de
```
#5ca3de rgb(92,163,222)
```
#de5c62
```
#de5c62 rgb(222,92,98)
```

Split Complementary Color

#a3de5c
```
#a3de5c rgb(163,222,92)
```
#5ca3de
```
#5ca3de rgb(92,163,222)
```
#de5ca3
```
#de5ca3 rgb(222,92,163)
```

Triadic Color

#5cde97
```
#5cde97 rgb(92,222,151)
```
#5ca3de
```
#5ca3de rgb(92,163,222)
```
#de5ca3
```
#de5ca3 rgb(222,92,163)
```
#de975c
```
#de975c rgb(222,151,92)
```

Tetradic Color

#287ec6
```
#287ec6 rgb(40,126,198)
```
#328bd5
```
#328bd5 rgb(50,139,213)
```
#4797da
```
#4797da rgb(71,151,218)
```
#5ca3de
```
#5ca3de rgb(92,163,222)
```
#71afe2
```
#71afe2 rgb(113,175,226)
```
#86bbe7
```
#86bbe7 rgb(134,187,231)
```
#9cc7eb
```
#9cc7eb rgb(156,199,235)
```

Monochromatic Color

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

#5cc4de
```
#5cc4de rgb(92,196,222)
```
#5cb9de
```
#5cb9de rgb(92,185,222)
```
#5caede
```
#5caede rgb(92,174,222)
```
#5ca3de
```
#5ca3de rgb(92,163,222)
```
#5c98de
```
#5c98de rgb(92,152,222)
```
#5c8dde
```
#5c8dde rgb(92,141,222)
```
#5c83de
```
#5c83de rgb(92,131,222)
```

Similar Colors

Text with hexadecimal color #5ca3de

This text has a font color of #5ca3de.

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

#5ca3de background color

This paragraph has a background color of #5ca3de.

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

#5ca3de border color

This element has a border color of #5ca3de.

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

CSS codes

.text {color:#5ca3de;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030a10
```
#030a10 rgb(3,10,16)
```
#071521
```
#071521 rgb(7,21,33)
```
#0a1f31
```
#0a1f31 rgb(10,31,49)
```
#0d2a41
```
#0d2a41 rgb(13,42,65)
```
#113452
```
#113452 rgb(17,52,82)
```
#143f62
```
#143f62 rgb(20,63,98)
```
#174972
```
#174972 rgb(23,73,114)
```
#1a5383
```
#1a5383 rgb(26,83,131)
```
#1e5e93
```
#1e5e93 rgb(30,94,147)
```
#2168a3
```
#2168a3 rgb(33,104,163)
```
#2473b4
```
#2473b4 rgb(36,115,180)
```
#287dc4
```
#287dc4 rgb(40,125,196)
```

Shade Color Variation

#2b87d4
```
#2b87d4 rgb(43,135,212)
```
#3b91d7
```
#3b91d7 rgb(59,145,215)
```
#4c9adb
```
#4c9adb rgb(76,154,219)
```
#5ca3de
```
#5ca3de rgb(92,163,222)
```
#6cace1
```
#6cace1 rgb(108,172,225)
```
#7db5e5
```
#7db5e5 rgb(125,181,229)
```
#8dbfe8
```
#8dbfe8 rgb(141,191,232)
```
#9dc8eb
```
#9dc8eb rgb(157,200,235)
```
#aed1ef
```
#aed1ef rgb(174,209,239)
```
#bedaf2
```
#bedaf2 rgb(190,218,242)
```
#cee3f5
```
#cee3f5 rgb(206,227,245)
```
#dfedf8
```
#dfedf8 rgb(223,237,248)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```

Tint Color Variation

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

#989da2
```
#989da2 rgb(152,157,162)
```
#919ea9
```
#919ea9 rgb(145,158,169)
```
#899fb1
```
#899fb1 rgb(137,159,177)
```
#82a0b8
```
#82a0b8 rgb(130,160,184)
```
#7aa0c0
```
#7aa0c0 rgb(122,160,192)
```
#73a1c7
```
#73a1c7 rgb(115,161,199)
```
#6ba2cf
```
#6ba2cf rgb(107,162,207)
```
#64a2d6
```
#64a2d6 rgb(100,162,214)
```
#5ca3de
```
#5ca3de rgb(92,163,222)
```
#54a4e6
```
#54a4e6 rgb(84,164,230)
```
#4da4ed
```
#4da4ed rgb(77,164,237)
```
#45a5f5
```
#45a5f5 rgb(69,165,245)
```
#3ea6fc
```
#3ea6fc rgb(62,166,252)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8997a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa0da Protanopia 1% of men
#86a0e2 Deuteranopia 1% of men
#50aebb Tritanopia 0.001% of the population

Trichromacy

#7ca1db Protanomaly 1% of men, 0.01% of women
#77a1e0 Deuteranomaly 6% of men, 0.4% of women
#54aac8 Tritanomaly 0.01% of the population

#5ca3de hex color

#5ca3de Color Information

#5ca3de Color Conversion

Color Schemes with #5ca3de

Alternatives to #5ca3de

#5ca3de Preview

Shades and Tints of #5ca3de

Tones of #5ca3de

Color Blindness Simulator