#5e63bb hex color

In a RGB color space, hex #5e63bb is composed of 36.9% red, 38.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 47.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 236.8 degrees, a saturation of 40.6% and a lightness of 55.1%. #5e63bb color hex could be obtained by blending #bcc6ff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 39
- B 73
RGB color chart
- C 50
- M 47
- Y 0
- K 27
CMYK color chart

● #5e63bb color description : Slightly desaturated blue.

The hexadecimal color #5e63bb has RGB values of R:94, G:99, B:187 and CMYK values of C:0.5, M:0.47, Y:0, K:0.27. Its decimal value is 6185915.

Hex triplet	5e63bb	`#5e63bb`
RGB Decimal	94, 99, 187	`rgb(94,99,187)`
RGB Percent	36.9, 38.8, 73.3	`rgb(36.9%,38.8%,73.3%)`
CMYK	50, 47, 0, 27
HSL	236.8°, 40.6, 55.1	`hsl(236.8,40.6%,55.1%)`
HSV (or HSB)	236.8°, 49.7, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.484, 22.358, -47.189
XYZ	18.046, 14.891, 48.934
xyY	0.22, 0.182, 14.891
CIE-LCH	45.484, 52.218, 295.351
CIE-LUV	45.484, -7.037, -72.8
Hunter-Lab	38.588, 15.946, -48.174
Binary	01011110, 01100011, 10111011

#5e63bb
```
#5e63bb rgb(94,99,187)
```
#bbb65e
```
#bbb65e rgb(187,182,94)
```

Complementary Color

#5e92bb
```
#5e92bb rgb(94,146,187)
```
#5e63bb
```
#5e63bb rgb(94,99,187)
```
#885ebb
```
#885ebb rgb(136,94,187)
```

Analogous Color

#92bb5e
```
#92bb5e rgb(146,187,94)
```
#5e63bb
```
#5e63bb rgb(94,99,187)
```
#bb885e
```
#bb885e rgb(187,136,94)
```

Split Complementary Color

#63bb5e
```
#63bb5e rgb(99,187,94)
```
#5e63bb
```
#5e63bb rgb(94,99,187)
```
#bb5e63
```
#bb5e63 rgb(187,94,99)
```

Triadic Color

#5ebbb6
```
#5ebbb6 rgb(94,187,182)
```
#5e63bb
```
#5e63bb rgb(94,99,187)
```
#bb5e63
```
#bb5e63 rgb(187,94,99)
```
#bbb65e
```
#bbb65e rgb(187,182,94)
```

Tetradic Color

#3d4190
```
#3d4190 rgb(61,65,144)
```
#4449a2
```
#4449a2 rgb(68,73,162)
```
#4c52b3
```
#4c52b3 rgb(76,82,179)
```
#5e63bb
```
#5e63bb rgb(94,99,187)
```
#7074c3
```
#7074c3 rgb(112,116,195)
```
#8286ca
```
#8286ca rgb(130,134,202)
```
#9497d2
```
#9497d2 rgb(148,151,210)
```

Monochromatic Color

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

#5e7abb
```
#5e7abb rgb(94,122,187)
```
#5e73bb
```
#5e73bb rgb(94,115,187)
```
#5e6bbb
```
#5e6bbb rgb(94,107,187)
```
#5e63bb
```
#5e63bb rgb(94,99,187)
```
#615ebb
```
#615ebb rgb(97,94,187)
```
#695ebb
```
#695ebb rgb(105,94,187)
```
#705ebb
```
#705ebb rgb(112,94,187)
```

Similar Colors

Text with hexadecimal color #5e63bb

This text has a font color of #5e63bb.

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

#5e63bb background color

This paragraph has a background color of #5e63bb.

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

#5e63bb border color

This element has a border color of #5e63bb.

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

CSS codes

.text {color:#5e63bb;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080812
```
#080812 rgb(8,8,18)
```
#0e0f20
```
#0e0f20 rgb(14,15,32)
```
#13152e
```
#13152e rgb(19,21,46)
```
#191b3c
```
#191b3c rgb(25,27,60)
```
#1f2149
```
#1f2149 rgb(31,33,73)
```
#252857
```
#252857 rgb(37,40,87)
```
#2b2e65
```
#2b2e65 rgb(43,46,101)
```
#303473
```
#303473 rgb(48,52,115)
```
#363a81
```
#363a81 rgb(54,58,129)
```
#3c418e
```
#3c418e rgb(60,65,142)
```
#42479c
```
#42479c rgb(66,71,156)
```
#484daa
```
#484daa rgb(72,77,170)
```

Shade Color Variation

#5056b5
```
#5056b5 rgb(80,86,181)
```
#5e63bb
```
#5e63bb rgb(94,99,187)
```
#6c70c1
```
#6c70c1 rgb(108,112,193)
```
#7a7ec7
```
#7a7ec7 rgb(122,126,199)
```
#878bcc
```
#878bcc rgb(135,139,204)
```
#9598d2
```
#9598d2 rgb(149,152,210)
```
#a3a6d8
```
#a3a6d8 rgb(163,166,216)
```
#b1b3de
```
#b1b3de rgb(177,179,222)
```
#bfc1e4
```
#bfc1e4 rgb(191,193,228)
```
#ccceea
```
#ccceea rgb(204,206,234)
```
#dadbef
```
#dadbef rgb(218,219,239)
```
#e8e9f5
```
#e8e9f5 rgb(232,233,245)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8a8f is the less saturated color, while #202cf9 is the most saturated one.

#8a8a8f
```
#8a8a8f rgb(138,138,143)
```
#818298
```
#818298 rgb(129,130,152)
```
#787ba1
```
#787ba1 rgb(120,123,161)
```
#7073a9
```
#7073a9 rgb(112,115,169)
```
#676bb2
```
#676bb2 rgb(103,107,178)
```
#5e63bb
```
#5e63bb rgb(94,99,187)
```
#555bc4
```
#555bc4 rgb(85,91,196)
```
#4c53cd
```
#4c53cd rgb(76,83,205)
```
#444bd5
```
#444bd5 rgb(68,75,213)
```
#3b44de
```
#3b44de rgb(59,68,222)
```
#323ce7
```
#323ce7 rgb(50,60,231)
```
#2934f0
```
#2934f0 rgb(41,52,240)
```
#202cf9
```
#202cf9 rgb(32,44,249)
```

Tone Color Variation

Below, you can see how #5e63bb 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
#696a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4870c3 Protanopia 1% of men
#3874ba Deuteranopia 1% of men
#4e7982 Tritanopia 0.001% of the population

Trichromacy

#506bc0 Protanomaly 1% of men, 0.01% of women
#466eba Deuteranomaly 6% of men, 0.4% of women
#547197 Tritanomaly 0.01% of the population

#5e63bb hex color

#5e63bb Color Information

#5e63bb Color Conversion

Color Schemes with #5e63bb

Alternatives to #5e63bb

#5e63bb Preview

Shades and Tints of #5e63bb

Tones of #5e63bb

Color Blindness Simulator