#5e63c6 hex color

In a RGB color space, hex #5e63c6 is composed of 36.9% red, 38.8% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 50% magenta, 0% yellow and 22.4% black. It has a hue angle of 237.1 degrees, a saturation of 47.7% and a lightness of 57.3%. #5e63c6 color hex could be obtained by blending #bcc6ff with #00008d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 39
- B 78
RGB color chart
- C 53
- M 50
- Y 0
- K 22
CMYK color chart

● #5e63c6 color description : Moderate blue.

The hexadecimal color #5e63c6 has RGB values of R:94, G:99, B:198 and CMYK values of C:0.53, M:0.5, Y:0, K:0.22. Its decimal value is 6185926.

Hex triplet	5e63c6	`#5e63c6`
RGB Decimal	94, 99, 198	`rgb(94,99,198)`
RGB Percent	36.9, 38.8, 77.6	`rgb(36.9%,38.8%,77.6%)`
CMYK	53, 50, 0, 22
HSL	237.1°, 47.7, 57.3	`hsl(237.1,47.7%,57.3%)`
HSV (or HSB)	237.1°, 52.5, 77.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.15, 25.838, -52.488
XYZ	19.269, 15.38, 55.376
xyY	0.214, 0.171, 15.38
CIE-LCH	46.15, 58.503, 296.209
CIE-LUV	46.15, -7.562, -81.399
Hunter-Lab	39.217, 19.074, -56.268
Binary	01011110, 01100011, 11000110

#5e63c6
```
#5e63c6 rgb(94,99,198)
```
#c6c15e
```
#c6c15e rgb(198,193,94)
```

Complementary Color

#5e97c6
```
#5e97c6 rgb(94,151,198)
```
#5e63c6
```
#5e63c6 rgb(94,99,198)
```
#8d5ec6
```
#8d5ec6 rgb(141,94,198)
```

Analogous Color

#97c65e
```
#97c65e rgb(151,198,94)
```
#5e63c6
```
#5e63c6 rgb(94,99,198)
```
#c68d5e
```
#c68d5e rgb(198,141,94)
```

Split Complementary Color

#63c65e
```
#63c65e rgb(99,198,94)
```
#5e63c6
```
#5e63c6 rgb(94,99,198)
```
#c65e63
```
#c65e63 rgb(198,94,99)
```

Triadic Color

#5ec6c1
```
#5ec6c1 rgb(94,198,193)
```
#5e63c6
```
#5e63c6 rgb(94,99,198)
```
#c65e63
```
#c65e63 rgb(198,94,99)
```
#c6c15e
```
#c6c15e rgb(198,193,94)
```

Tetradic Color

#383d9f
```
#383d9f rgb(56,61,159)
```
#3f45b2
```
#3f45b2 rgb(63,69,178)
```
#4b51bf
```
#4b51bf rgb(75,81,191)
```
#5e63c6
```
#5e63c6 rgb(94,99,198)
```
#7175cd
```
#7175cd rgb(113,117,205)
```
#8487d3
```
#8487d3 rgb(132,135,211)
```
#969ada
```
#969ada rgb(150,154,218)
```

Monochromatic Color

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

#5e7dc6
```
#5e7dc6 rgb(94,125,198)
```
#5e74c6
```
#5e74c6 rgb(94,116,198)
```
#5e6cc6
```
#5e6cc6 rgb(94,108,198)
```
#5e63c6
```
#5e63c6 rgb(94,99,198)
```
#625ec6
```
#625ec6 rgb(98,94,198)
```
#6a5ec6
```
#6a5ec6 rgb(106,94,198)
```
#735ec6
```
#735ec6 rgb(115,94,198)
```

Similar Colors

Text with hexadecimal color #5e63c6

This text has a font color of #5e63c6.

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

#5e63c6 background color

This paragraph has a background color of #5e63c6.

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

#5e63c6 border color

This element has a border color of #5e63c6.

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

CSS codes

.text {color:#5e63c6;}

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

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

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, #05050d is the darkest color, while #fdfdfe is the lightest one.

#05050d
```
#05050d rgb(5,5,13)
```
#0a0b1b
```
#0a0b1b rgb(10,11,27)
```
#0f102a
```
#0f102a rgb(15,16,42)
```
#141638
```
#141638 rgb(20,22,56)
```
#191b47
```
#191b47 rgb(25,27,71)
```
#1e2155
```
#1e2155 rgb(30,33,85)
```
#232664
```
#232664 rgb(35,38,100)
```
#282c72
```
#282c72 rgb(40,44,114)
```
#2e3281
```
#2e3281 rgb(46,50,129)
```
#33378f
```
#33378f rgb(51,55,143)
```
#383d9e
```
#383d9e rgb(56,61,158)
```
#3d42ac
```
#3d42ac rgb(61,66,172)
```
#4248bb
```
#4248bb rgb(66,72,187)
```

Shade Color Variation

#5055c1
```
#5055c1 rgb(80,85,193)
```
#5e63c6
```
#5e63c6 rgb(94,99,198)
```
#6c71cb
```
#6c71cb rgb(108,113,203)
```
#7b7fd0
```
#7b7fd0 rgb(123,127,208)
```
#898dd5
```
#898dd5 rgb(137,141,213)
```
#989bdb
```
#989bdb rgb(152,155,219)
```
#a6a9e0
```
#a6a9e0 rgb(166,169,224)
```
#b5b7e5
```
#b5b7e5 rgb(181,183,229)
```
#c3c5ea
```
#c3c5ea rgb(195,197,234)
```
#d2d3ef
```
#d2d3ef rgb(210,211,239)
```
#e0e1f4
```
#e0e1f4 rgb(224,225,244)
```
#efeff9
```
#efeff9 rgb(239,239,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#909094
```
#909094 rgb(144,144,148)
```
#88899c
```
#88899c rgb(136,137,156)
```
#8081a4
```
#8081a4 rgb(128,129,164)
```
#777aad
```
#777aad rgb(119,122,173)
```
#6f72b5
```
#6f72b5 rgb(111,114,181)
```
#666bbe
```
#666bbe rgb(102,107,190)
```
#5e63c6
```
#5e63c6 rgb(94,99,198)
```
#565bce
```
#565bce rgb(86,91,206)
```
#4d54d7
```
#4d54d7 rgb(77,84,215)
```
#454cdf
```
#454cdf rgb(69,76,223)
```
#3c45e8
```
#3c45e8 rgb(60,69,232)
```
#343df0
```
#343df0 rgb(52,61,240)
```
#2c36f8
```
#2c36f8 rgb(44,54,248)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#6a6b7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d71ce Protanopia 1% of men
#1f76c4 Deuteranopia 1% of men
#497c85 Tritanopia 0.001% of the population

Trichromacy

#496ccb Protanomaly 1% of men, 0.01% of women
#366fc4 Deuteranomaly 6% of men, 0.4% of women
#50739c Tritanomaly 0.01% of the population

#5e63c6 hex color

#5e63c6 Color Information

#5e63c6 Color Conversion

Color Schemes with #5e63c6

Alternatives to #5e63c6

#5e63c6 Preview

Shades and Tints of #5e63c6

Tones of #5e63c6

Color Blindness Simulator