#5e63c2 hex color

In a RGB color space, hex #5e63c2 is composed of 36.9% red, 38.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 49% magenta, 0% yellow and 23.9% black. It has a hue angle of 237 degrees, a saturation of 45% and a lightness of 56.5%. #5e63c2 color hex could be obtained by blending #bcc6ff with #000085. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 39
- B 76
RGB color chart
- C 52
- M 49
- Y 0
- K 24
CMYK color chart

● #5e63c2 color description : Moderate blue.

The hexadecimal color #5e63c2 has RGB values of R:94, G:99, B:194 and CMYK values of C:0.52, M:0.49, Y:0, K:0.24. Its decimal value is 6185922.

Hex triplet	5e63c2	`#5e63c2`
RGB Decimal	94, 99, 194	`rgb(94,99,194)`
RGB Percent	36.9, 38.8, 76.1	`rgb(36.9%,38.8%,76.1%)`
CMYK	52, 49, 0, 24
HSL	237°, 45, 56.5	`hsl(237,45%,56.5%)`
HSV (or HSB)	237°, 51.5, 76.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.904, 24.568, -50.574
XYZ	18.814, 15.198, 52.978
xyY	0.216, 0.175, 15.198
CIE-LCH	45.904, 56.225, 295.909
CIE-LUV	45.904, -7.372, -78.295
Hunter-Lab	38.984, 17.921, -53.284
Binary	01011110, 01100011, 11000010

#5e63c2
```
#5e63c2 rgb(94,99,194)
```
#c2bd5e
```
#c2bd5e rgb(194,189,94)
```

Complementary Color

#5e95c2
```
#5e95c2 rgb(94,149,194)
```
#5e63c2
```
#5e63c2 rgb(94,99,194)
```
#8b5ec2
```
#8b5ec2 rgb(139,94,194)
```

Analogous Color

#95c25e
```
#95c25e rgb(149,194,94)
```
#5e63c2
```
#5e63c2 rgb(94,99,194)
```
#c28b5e
```
#c28b5e rgb(194,139,94)
```

Split Complementary Color

#63c25e
```
#63c25e rgb(99,194,94)
```
#5e63c2
```
#5e63c2 rgb(94,99,194)
```
#c25e63
```
#c25e63 rgb(194,94,99)
```

Triadic Color

#5ec2bd
```
#5ec2bd rgb(94,194,189)
```
#5e63c2
```
#5e63c2 rgb(94,99,194)
```
#c25e63
```
#c25e63 rgb(194,94,99)
```
#c2bd5e
```
#c2bd5e rgb(194,189,94)
```

Tetradic Color

#3a3f99
```
#3a3f99 rgb(58,63,153)
```
#4146ac
```
#4146ac rgb(65,70,172)
```
#4c51bb
```
#4c51bb rgb(76,81,187)
```
#5e63c2
```
#5e63c2 rgb(94,99,194)
```
#7075c9
```
#7075c9 rgb(112,117,201)
```
#8387d0
```
#8387d0 rgb(131,135,208)
```
#9599d7
```
#9599d7 rgb(149,153,215)
```

Monochromatic Color

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

#5e7cc2
```
#5e7cc2 rgb(94,124,194)
```
#5e74c2
```
#5e74c2 rgb(94,116,194)
```
#5e6bc2
```
#5e6bc2 rgb(94,107,194)
```
#5e63c2
```
#5e63c2 rgb(94,99,194)
```
#615ec2
```
#615ec2 rgb(97,94,194)
```
#6a5ec2
```
#6a5ec2 rgb(106,94,194)
```
#725ec2
```
#725ec2 rgb(114,94,194)
```

Similar Colors

Text with hexadecimal color #5e63c2

This text has a font color of #5e63c2.

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

#5e63c2 background color

This paragraph has a background color of #5e63c2.

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

#5e63c2 border color

This element has a border color of #5e63c2.

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

CSS codes

.text {color:#5e63c2;}

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

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

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, #04040a is the darkest color, while #fafbfd is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#090a18
```
#090a18 rgb(9,10,24)
```
#0e1026
```
#0e1026 rgb(14,16,38)
```
#141534
```
#141534 rgb(20,21,52)
```
#191b43
```
#191b43 rgb(25,27,67)
```
#1f2151
```
#1f2151 rgb(31,33,81)
```
#24275f
```
#24275f rgb(36,39,95)
```
#292d6d
```
#292d6d rgb(41,45,109)
```
#2f337c
```
#2f337c rgb(47,51,124)
```
#34388a
```
#34388a rgb(52,56,138)
```
#3a3e98
```
#3a3e98 rgb(58,62,152)
```
#3f44a6
```
#3f44a6 rgb(63,68,166)
```
#444ab4
```
#444ab4 rgb(68,74,180)
```

Shade Color Variation

#5055bd
```
#5055bd rgb(80,85,189)
```
#5e63c2
```
#5e63c2 rgb(94,99,194)
```
#6c71c7
```
#6c71c7 rgb(108,113,199)
```
#7a7fcd
```
#7a7fcd rgb(122,127,205)
```
#898cd2
```
#898cd2 rgb(137,140,210)
```
#979ad8
```
#979ad8 rgb(151,154,216)
```
#a5a8dd
```
#a5a8dd rgb(165,168,221)
```
#b3b6e2
```
#b3b6e2 rgb(179,182,226)
```
#c2c3e8
```
#c2c3e8 rgb(194,195,232)
```
#d0d1ed
```
#d0d1ed rgb(208,209,237)
```
#dedff3
```
#dedff3 rgb(222,223,243)
```
#ecedf8
```
#ecedf8 rgb(236,237,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#898997
```
#898997 rgb(137,137,151)
```
#8082a0
```
#8082a0 rgb(128,130,160)
```
#787aa8
```
#787aa8 rgb(120,122,168)
```
#6f72b1
```
#6f72b1 rgb(111,114,177)
```
#676bb9
```
#676bb9 rgb(103,107,185)
```
#5e63c2
```
#5e63c2 rgb(94,99,194)
```
#555bcb
```
#555bcb rgb(85,91,203)
```
#4d54d3
```
#4d54d3 rgb(77,84,211)
```
#444cdc
```
#444cdc rgb(68,76,220)
```
#3c44e4
```
#3c44e4 rgb(60,68,228)
```
#333ded
```
#333ded rgb(51,61,237)
```
#2b35f5
```
#2b35f5 rgb(43,53,245)
```
#222dfe
```
#222dfe rgb(34,45,254)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#696a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4171ca Protanopia 1% of men
#2b75c0 Deuteranopia 1% of men
#4b7b84 Tritanopia 0.001% of the population

Trichromacy

#4b6cc7 Protanomaly 1% of men, 0.01% of women
#3d6ec1 Deuteranomaly 6% of men, 0.4% of women
#52729a Tritanomaly 0.01% of the population

#5e63c2 hex color

#5e63c2 Color Information

#5e63c2 Color Conversion

Color Schemes with #5e63c2

Alternatives to #5e63c2

#5e63c2 Preview

Shades and Tints of #5e63c2

Tones of #5e63c2

Color Blindness Simulator