#5b63d8 hex color

In a RGB color space, hex #5b63d8 is composed of 35.7% red, 38.8% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 54.2% magenta, 0% yellow and 15.3% black. It has a hue angle of 236.2 degrees, a saturation of 61.6% and a lightness of 60.2%. #5b63d8 color hex could be obtained by blending #b6c6ff with #0000b1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 39
- B 85
RGB color chart
- C 58
- M 54
- Y 0
- K 15
CMYK color chart

● #5b63d8 color description : Moderate blue.

The hexadecimal color #5b63d8 has RGB values of R:91, G:99, B:216 and CMYK values of C:0.58, M:0.54, Y:0, K:0.15. Its decimal value is 5989336.

Hex triplet	5b63d8	`#5b63d8`
RGB Decimal	91, 99, 216	`rgb(91,99,216)`
RGB Percent	35.7, 38.8, 84.7	`rgb(35.7%,38.8%,84.7%)`
CMYK	58, 54, 0, 15
HSL	236.2°, 61.6, 60.2	`hsl(236.2,61.6%,60.2%)`
HSV (or HSB)	236.2°, 57.9, 84.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.112, 31.044, -61.261
XYZ	21.168, 16.105, 66.955
xyY	0.203, 0.155, 16.105
CIE-LCH	47.112, 68.678, 296.874
CIE-LUV	47.112, -9.308, -95.355
Hunter-Lab	40.131, 23.927, -70.829
Binary	01011011, 01100011, 11011000

#5b63d8
```
#5b63d8 rgb(91,99,216)
```
#d8d05b
```
#d8d05b rgb(216,208,91)
```

Complementary Color

#5ba2d8
```
#5ba2d8 rgb(91,162,216)
```
#5b63d8
```
#5b63d8 rgb(91,99,216)
```
#925bd8
```
#925bd8 rgb(146,91,216)
```

Analogous Color

#a2d85b
```
#a2d85b rgb(162,216,91)
```
#5b63d8
```
#5b63d8 rgb(91,99,216)
```
#d8925b
```
#d8925b rgb(216,146,91)
```

Split Complementary Color

#63d85b
```
#63d85b rgb(99,216,91)
```
#5b63d8
```
#5b63d8 rgb(91,99,216)
```
#d85b63
```
#d85b63 rgb(216,91,99)
```

Triadic Color

#5bd8d0
```
#5bd8d0 rgb(91,216,208)
```
#5b63d8
```
#5b63d8 rgb(91,99,216)
```
#d85b63
```
#d85b63 rgb(216,91,99)
```
#d8d05b
```
#d8d05b rgb(216,208,91)
```

Tetradic Color

#2c35ba
```
#2c35ba rgb(44,53,186)
```
#323cce
```
#323cce rgb(50,60,206)
```
#464fd3
```
#464fd3 rgb(70,79,211)
```
#5b63d8
```
#5b63d8 rgb(91,99,216)
```
#7077dd
```
#7077dd rgb(112,119,221)
```
#848ae2
```
#848ae2 rgb(132,138,226)
```
#999ee7
```
#999ee7 rgb(153,158,231)
```

Monochromatic Color

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

#5b82d8
```
#5b82d8 rgb(91,130,216)
```
#5b78d8
```
#5b78d8 rgb(91,120,216)
```
#5b6dd8
```
#5b6dd8 rgb(91,109,216)
```
#5b63d8
```
#5b63d8 rgb(91,99,216)
```
#5d5bd8
```
#5d5bd8 rgb(93,91,216)
```
#685bd8
```
#685bd8 rgb(104,91,216)
```
#725bd8
```
#725bd8 rgb(114,91,216)
```

Similar Colors

Text with hexadecimal color #5b63d8

This text has a font color of #5b63d8.

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

#5b63d8 background color

This paragraph has a background color of #5b63d8.

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

#5b63d8 border color

This element has a border color of #5b63d8.

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

CSS codes

.text {color:#5b63d8;}

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

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

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

#02030a
```
#02030a rgb(2,3,10)
```
#06071a
```
#06071a rgb(6,7,26)
```
#0a0c2a
```
#0a0c2a rgb(10,12,42)
```
#0e113a
```
#0e113a rgb(14,17,58)
```
#12154a
```
#12154a rgb(18,21,74)
```
#151a5a
```
#151a5a rgb(21,26,90)
```
#191e69
```
#191e69 rgb(25,30,105)
```
#1d2379
```
#1d2379 rgb(29,35,121)
```
#212789
```
#212789 rgb(33,39,137)
```
#242c99
```
#242c99 rgb(36,44,153)
```
#2830a9
```
#2830a9 rgb(40,48,169)
```
#2c35b9
```
#2c35b9 rgb(44,53,185)
```
#3039c8
```
#3039c8 rgb(48,57,200)
```

Shade Color Variation

#3b45d0
```
#3b45d0 rgb(59,69,208)
```
#4b54d4
```
#4b54d4 rgb(75,84,212)
```
#5b63d8
```
#5b63d8 rgb(91,99,216)
```
#6b72dc
```
#6b72dc rgb(107,114,220)
```
#7b81e0
```
#7b81e0 rgb(123,129,224)
```
#8b90e3
```
#8b90e3 rgb(139,144,227)
```
#9a9fe7
```
#9a9fe7 rgb(154,159,231)
```
#aaaeeb
```
#aaaeeb rgb(170,174,235)
```
#babdef
```
#babdef rgb(186,189,239)
```
#cacdf2
```
#cacdf2 rgb(202,205,242)
```
#dadcf6
```
#dadcf6 rgb(218,220,246)
```
#eaebfa
```
#eaebfa rgb(234,235,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99999a is the less saturated color, while #3c48f7 is the most saturated one.

#99999a
```
#99999a rgb(153,153,154)
```
#9293a1
```
#9293a1 rgb(146,147,161)
```
#8a8ca9
```
#8a8ca9 rgb(138,140,169)
```
#8285b1
```
#8285b1 rgb(130,133,177)
```
#7a7eb9
```
#7a7eb9 rgb(122,126,185)
```
#7277c1
```
#7277c1 rgb(114,119,193)
```
#6b71c8
```
#6b71c8 rgb(107,113,200)
```
#636ad0
```
#636ad0 rgb(99,106,208)
```
#5b63d8
```
#5b63d8 rgb(91,99,216)
```
#535ce0
```
#535ce0 rgb(83,92,224)
```
#4b55e8
```
#4b55e8 rgb(75,85,232)
```
#444fef
```
#444fef rgb(68,79,239)
```
#3c48f7
```
#3c48f7 rgb(60,72,247)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6a6c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1373e1 Protanopia 1% of men
#0079c8 Deuteranopia 1% of men
#36808a Tritanopia 0.001% of the population

Trichromacy

#2d6dde Protanomaly 1% of men, 0.01% of women
#2171cd Deuteranomaly 6% of men, 0.4% of women
#4376a6 Tritanomaly 0.01% of the population

#5b63d8 hex color

#5b63d8 Color Information

#5b63d8 Color Conversion

Color Schemes with #5b63d8

Alternatives to #5b63d8

#5b63d8 Preview

Shades and Tints of #5b63d8

Tones of #5b63d8

Color Blindness Simulator