#5c63ed hex color

In a RGB color space, hex #5c63ed is composed of 36.1% red, 38.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 58.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 237.1 degrees, a saturation of 80.1% and a lightness of 64.5%. #5c63ed color hex could be obtained by blending #b8c6ff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 39
- B 93
RGB color chart
- C 61
- M 58
- Y 0
- K 7
CMYK color chart

● #5c63ed color description : Soft blue.

The hexadecimal color #5c63ed has RGB values of R:92, G:99, B:237 and CMYK values of C:0.61, M:0.58, Y:0, K:0.07. Its decimal value is 6054893.

Hex triplet	5c63ed	`#5c63ed`
RGB Decimal	92, 99, 237	`rgb(92,99,237)`
RGB Percent	36.1, 38.8, 92.9	`rgb(36.1%,38.8%,92.9%)`
CMYK	61, 58, 0, 7
HSL	237.1°, 80.1, 64.5	`hsl(237.1,80.1%,64.5%)`
HSV (or HSB)	237.1°, 61.2, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.651, 38.055, -70.631
XYZ	24.158, 17.312, 82.185
xyY	0.195, 0.14, 17.312
CIE-LCH	48.651, 80.231, 298.315
CIE-LUV	48.651, -9.897, -110.412
Hunter-Lab	41.608, 30.827, -87.985
Binary	01011100, 01100011, 11101101

#5c63ed
```
#5c63ed rgb(92,99,237)
```
#ede65c
```
#ede65c rgb(237,230,92)
```

Complementary Color

#5caced
```
#5caced rgb(92,172,237)
```
#5c63ed
```
#5c63ed rgb(92,99,237)
```
#9e5ced
```
#9e5ced rgb(158,92,237)
```

Analogous Color

#aced5c
```
#aced5c rgb(172,237,92)
```
#5c63ed
```
#5c63ed rgb(92,99,237)
```
#ed9e5c
```
#ed9e5c rgb(237,158,92)
```

Split Complementary Color

#63ed5c
```
#63ed5c rgb(99,237,92)
```
#5c63ed
```
#5c63ed rgb(92,99,237)
```
#ed5c63
```
#ed5c63 rgb(237,92,99)
```

Triadic Color

#5cede6
```
#5cede6 rgb(92,237,230)
```
#5c63ed
```
#5c63ed rgb(92,99,237)
```
#ed5c63
```
#ed5c63 rgb(237,92,99)
```
#ede65c
```
#ede65c rgb(237,230,92)
```

Tetradic Color

#1923e3
```
#1923e3 rgb(25,35,227)
```
#2e37e8
```
#2e37e8 rgb(46,55,232)
```
#454dea
```
#454dea rgb(69,77,234)
```
#5c63ed
```
#5c63ed rgb(92,99,237)
```
#7379f0
```
#7379f0 rgb(115,121,240)
```
#8a8ff2
```
#8a8ff2 rgb(138,143,242)
```
#a1a5f5
```
#a1a5f5 rgb(161,165,245)
```

Monochromatic Color

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

#5c87ed
```
#5c87ed rgb(92,135,237)
```
#5c7bed
```
#5c7bed rgb(92,123,237)
```
#5c6fed
```
#5c6fed rgb(92,111,237)
```
#5c63ed
```
#5c63ed rgb(92,99,237)
```
#615ced
```
#615ced rgb(97,92,237)
```
#6d5ced
```
#6d5ced rgb(109,92,237)
```
#795ced
```
#795ced rgb(121,92,237)
```

Similar Colors

Text with hexadecimal color #5c63ed

This text has a font color of #5c63ed.

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

#5c63ed background color

This paragraph has a background color of #5c63ed.

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

#5c63ed border color

This element has a border color of #5c63ed.

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

CSS codes

.text {color:#5c63ed;}

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

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

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, #02020e is the darkest color, while #fbfbff is the lightest one.

#02020e
```
#02020e rgb(2,2,14)
```
#03051f
```
#03051f rgb(3,5,31)
```
#050831
```
#050831 rgb(5,8,49)
```
#070a43
```
#070a43 rgb(7,10,67)
```
#090d54
```
#090d54 rgb(9,13,84)
```
#0b1066
```
#0b1066 rgb(11,16,102)
```
#0d1278
```
#0d1278 rgb(13,18,120)
```
#0f1589
```
#0f1589 rgb(15,21,137)
```
#11189b
```
#11189b rgb(17,24,155)
```
#131aad
```
#131aad rgb(19,26,173)
```
#151dbe
```
#151dbe rgb(21,29,190)
```
#1720d0
```
#1720d0 rgb(23,32,208)
```
#1923e2
```
#1923e2 rgb(25,35,226)
```

Shade Color Variation

#2730e7
```
#2730e7 rgb(39,48,231)
```
#3941e9
```
#3941e9 rgb(57,65,233)
```
#4a52eb
```
#4a52eb rgb(74,82,235)
```
#5c63ed
```
#5c63ed rgb(92,99,237)
```
#6e74ef
```
#6e74ef rgb(110,116,239)
```
#7f85f1
```
#7f85f1 rgb(127,133,241)
```
#9196f3
```
#9196f3 rgb(145,150,243)
```
#a3a7f5
```
#a3a7f5 rgb(163,167,245)
```
#b4b8f7
```
#b4b8f7 rgb(180,184,247)
```
#c6c8f9
```
#c6c8f9 rgb(198,200,249)
```
#d8d9fb
```
#d8d9fb rgb(216,217,251)
```
#e9eafd
```
#e9eafd rgb(233,234,253)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

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

#a2a2a7
```
#a2a2a7 rgb(162,162,167)
```
#9b9cae
```
#9b9cae rgb(155,156,174)
```
#9495b5
```
#9495b5 rgb(148,149,181)
```
#8d8fbc
```
#8d8fbc rgb(141,143,188)
```
#8689c3
```
#8689c3 rgb(134,137,195)
```
#7f82ca
```
#7f82ca rgb(127,130,202)
```
#787cd1
```
#787cd1 rgb(120,124,209)
```
#7176d8
```
#7176d8 rgb(113,118,216)
```
#6a70df
```
#6a70df rgb(106,112,223)
```
#6369e6
```
#6369e6 rgb(99,105,230)
```
#5c63ed
```
#5c63ed rgb(92,99,237)
```
#555df4
```
#555df4 rgb(85,93,244)
```
#4e56fb
```
#4e56fb rgb(78,86,251)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6d6e8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#168690 Tritanopia 0.001% of the population

Trichromacy

#216fea Protanomaly 1% of men, 0.01% of women
#2173d8 Deuteranomaly 6% of men, 0.4% of women
#2f79b2 Tritanomaly 0.01% of the population

#5c63ed hex color

#5c63ed Color Information

#5c63ed Color Conversion

Color Schemes with #5c63ed

Alternatives to #5c63ed

#5c63ed Preview

Shades and Tints of #5c63ed

Tones of #5c63ed

Color Blindness Simulator