#5c5ae9 hex color

In a RGB color space, hex #5c5ae9 is composed of 36.1% red, 35.3% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 61.4% magenta, 0% yellow and 8.6% black. It has a hue angle of 240.8 degrees, a saturation of 76.5% and a lightness of 63.3%. #5c5ae9 color hex could be obtained by blending #b8b4ff with #0000d3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 35
- B 91
RGB color chart
- C 61
- M 61
- Y 0
- K 9
CMYK color chart

● #5c5ae9 color description : Soft blue.

The hexadecimal color #5c5ae9 has RGB values of R:92, G:90, B:233 and CMYK values of C:0.61, M:0.61, Y:0, K:0.09. Its decimal value is 6052585.

Hex triplet	5c5ae9	`#5c5ae9`
RGB Decimal	92, 90, 233	`rgb(92,90,233)`
RGB Percent	36.1, 35.3, 91.4	`rgb(36.1%,35.3%,91.4%)`
CMYK	61, 61, 0, 9
HSL	240.8°, 76.5, 63.3	`hsl(240.8,76.5%,63.3%)`
HSV (or HSB)	240.8°, 61.4, 91.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.271, 42.148, -72.255
XYZ	22.775, 15.47, 78.872
xyY	0.194, 0.132, 15.47
CIE-LCH	46.271, 83.649, 300.256
CIE-LUV	46.271, -7.499, -111.299
Hunter-Lab	39.332, 34.529, -91.362
Binary	01011100, 01011010, 11101001

#5c5ae9
```
#5c5ae9 rgb(92,90,233)
```
#e7e95a
```
#e7e95a rgb(231,233,90)
```

Complementary Color

#5aa0e9
```
#5aa0e9 rgb(90,160,233)
```
#5c5ae9
```
#5c5ae9 rgb(92,90,233)
```
#a45ae9
```
#a45ae9 rgb(164,90,233)
```

Analogous Color

#a0e95a
```
#a0e95a rgb(160,233,90)
```
#5c5ae9
```
#5c5ae9 rgb(92,90,233)
```
#e9a45a
```
#e9a45a rgb(233,164,90)
```

Split Complementary Color

#5ae95c
```
#5ae95c rgb(90,233,92)
```
#5c5ae9
```
#5c5ae9 rgb(92,90,233)
```
#e95c5a
```
#e95c5a rgb(233,92,90)
```

Triadic Color

#5ae7e9
```
#5ae7e9 rgb(90,231,233)
```
#5c5ae9
```
#5c5ae9 rgb(92,90,233)
```
#e95c5a
```
#e95c5a rgb(233,92,90)
```
#e7e95a
```
#e7e95a rgb(231,233,90)
```

Tetradic Color

#201dda
```
#201dda rgb(32,29,218)
```
#302de3
```
#302de3 rgb(48,45,227)
```
#4644e6
```
#4644e6 rgb(70,68,230)
```
#5c5ae9
```
#5c5ae9 rgb(92,90,233)
```
#7271ec
```
#7271ec rgb(114,113,236)
```
#8887ef
```
#8887ef rgb(136,135,239)
```
#9f9ef2
```
#9f9ef2 rgb(159,158,242)
```

Monochromatic Color

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

#5a7ce9
```
#5a7ce9 rgb(90,124,233)
```
#5a70e9
```
#5a70e9 rgb(90,112,233)
```
#5a64e9
```
#5a64e9 rgb(90,100,233)
```
#5c5ae9
```
#5c5ae9 rgb(92,90,233)
```
#685ae9
```
#685ae9 rgb(104,90,233)
```
#745ae9
```
#745ae9 rgb(116,90,233)
```
#805ae9
```
#805ae9 rgb(128,90,233)
```

Similar Colors

Text with hexadecimal color #5c5ae9

This text has a font color of #5c5ae9.

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

#5c5ae9 background color

This paragraph has a background color of #5c5ae9.

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

#5c5ae9 border color

This element has a border color of #5c5ae9.

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

CSS codes

.text {color:#5c5ae9;}

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

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

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

#010108
```
#010108 rgb(1,1,8)
```
#040319
```
#040319 rgb(4,3,25)
```
#06062b
```
#06062b rgb(6,6,43)
```
#09083c
```
#09083c rgb(9,8,60)
```
#0b0a4d
```
#0b0a4d rgb(11,10,77)
```
#0e0d5f
```
#0e0d5f rgb(14,13,95)
```
#100f70
```
#100f70 rgb(16,15,112)
```
#131181
```
#131181 rgb(19,17,129)
```
#151493
```
#151493 rgb(21,20,147)
```
#1816a4
```
#1816a4 rgb(24,22,164)
```
#1a18b5
```
#1a18b5 rgb(26,24,181)
```
#1d1ac6
```
#1d1ac6 rgb(29,26,198)
```
#1f1dd8
```
#1f1dd8 rgb(31,29,216)
```

Shade Color Variation

#2926e2
```
#2926e2 rgb(41,38,226)
```
#3a37e4
```
#3a37e4 rgb(58,55,228)
```
#4b49e7
```
#4b49e7 rgb(75,73,231)
```
#5c5ae9
```
#5c5ae9 rgb(92,90,233)
```
#6d6beb
```
#6d6beb rgb(109,107,235)
```
#7e7dee
```
#7e7dee rgb(126,125,238)
```
#8f8ef0
```
#8f8ef0 rgb(143,142,240)
```
#a09ff2
```
#a09ff2 rgb(160,159,242)
```
#b1b1f5
```
#b1b1f5 rgb(177,177,245)
```
#c3c2f7
```
#c3c2f7 rgb(195,194,247)
```
#d4d3f9
```
#d4d3f9 rgb(212,211,249)
```
#e5e4fb
```
#e5e4fb rgb(229,228,251)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9ba8 is the less saturated color, while #4744ff is the most saturated one.

#9b9ba8
```
#9b9ba8 rgb(155,155,168)
```
#9494af
```
#9494af rgb(148,148,175)
```
#8d8cb7
```
#8d8cb7 rgb(141,140,183)
```
#8685be
```
#8685be rgb(134,133,190)
```
#7f7ec5
```
#7f7ec5 rgb(127,126,197)
```
#7877cc
```
#7877cc rgb(120,119,204)
```
#7170d3
```
#7170d3 rgb(113,112,211)
```
#6a68db
```
#6a68db rgb(106,104,219)
```
#6361e2
```
#6361e2 rgb(99,97,226)
```
#5c5ae9
```
#5c5ae9 rgb(92,90,233)
```
#5553f0
```
#5553f0 rgb(85,83,240)
```
#4e4cf7
```
#4e4cf7 rgb(78,76,247)
```
#4744ff
```
#4744ff rgb(71,68,255)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#686884 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0077c2 Deuteranopia 1% of men
#198089 Tritanopia 0.001% of the population

Trichromacy

#2169e2 Protanomaly 1% of men, 0.01% of women
#216dd0 Deuteranomaly 6% of men, 0.4% of women
#3172ac Tritanomaly 0.01% of the population

#5c5ae9 hex color

#5c5ae9 Color Information

#5c5ae9 Color Conversion

Color Schemes with #5c5ae9

Alternatives to #5c5ae9

#5c5ae9 Preview

Shades and Tints of #5c5ae9

Tones of #5c5ae9

Color Blindness Simulator