#5b63db hex color

In a RGB color space, hex #5b63db is composed of 35.7% red, 38.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 54.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 236.3 degrees, a saturation of 64% and a lightness of 60.8%. #5b63db color hex could be obtained by blending #b6c6ff with #0000b7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 39
- B 86
RGB color chart
- C 58
- M 55
- Y 0
- K 14
CMYK color chart

● #5b63db color description : Soft blue.

The hexadecimal color #5b63db has RGB values of R:91, G:99, B:219 and CMYK values of C:0.58, M:0.55, Y:0, K:0.14. Its decimal value is 5989339.

Hex triplet	5b63db	`#5b63db`
RGB Decimal	91, 99, 219	`rgb(91,99,219)`
RGB Percent	35.7, 38.8, 85.9	`rgb(35.7%,38.8%,85.9%)`
CMYK	58, 55, 0, 14
HSL	236.3°, 64, 60.8	`hsl(236.3,64%,60.8%)`
HSV (or HSB)	236.3°, 58.4, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.316, 32.022, -62.637
XYZ	21.56, 16.261, 69.017
xyY	0.202, 0.152, 16.261
CIE-LCH	47.316, 70.348, 297.078
CIE-LUV	47.316, -9.432, -97.565
Hunter-Lab	40.325, 24.865, -73.247
Binary	01011011, 01100011, 11011011

#5b63db
```
#5b63db rgb(91,99,219)
```
#dbd35b
```
#dbd35b rgb(219,211,91)
```

Complementary Color

#5ba3db
```
#5ba3db rgb(91,163,219)
```
#5b63db
```
#5b63db rgb(91,99,219)
```
#935bdb
```
#935bdb rgb(147,91,219)
```

Analogous Color

#a3db5b
```
#a3db5b rgb(163,219,91)
```
#5b63db
```
#5b63db rgb(91,99,219)
```
#db935b
```
#db935b rgb(219,147,91)
```

Split Complementary Color

#63db5b
```
#63db5b rgb(99,219,91)
```
#5b63db
```
#5b63db rgb(91,99,219)
```
#db5b63
```
#db5b63 rgb(219,91,99)
```

Triadic Color

#5bdbd3
```
#5bdbd3 rgb(91,219,211)
```
#5b63db
```
#5b63db rgb(91,99,219)
```
#db5b63
```
#db5b63 rgb(219,91,99)
```
#dbd35b
```
#dbd35b rgb(219,211,91)
```

Tetradic Color

#2a33bf
```
#2a33bf rgb(42,51,191)
```
#313bd2
```
#313bd2 rgb(49,59,210)
```
#464fd6
```
#464fd6 rgb(70,79,214)
```
#5b63db
```
#5b63db rgb(91,99,219)
```
#7077e0
```
#7077e0 rgb(112,119,224)
```
#858be4
```
#858be4 rgb(133,139,228)
```
#9a9fe9
```
#9a9fe9 rgb(154,159,233)
```

Monochromatic Color

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

#5b83db
```
#5b83db rgb(91,131,219)
```
#5b78db
```
#5b78db rgb(91,120,219)
```
#5b6edb
```
#5b6edb rgb(91,110,219)
```
#5b63db
```
#5b63db rgb(91,99,219)
```
#5e5bdb
```
#5e5bdb rgb(94,91,219)
```
#685bdb
```
#685bdb rgb(104,91,219)
```
#735bdb
```
#735bdb rgb(115,91,219)
```

Similar Colors

Text with hexadecimal color #5b63db

This text has a font color of #5b63db.

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

#5b63db background color

This paragraph has a background color of #5b63db.

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

#5b63db border color

This element has a border color of #5b63db.

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

CSS codes

.text {color:#5b63db;}

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

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

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

#03030d
```
#03030d rgb(3,3,13)
```
#06081d
```
#06081d rgb(6,8,29)
```
#0a0c2d
```
#0a0c2d rgb(10,12,45)
```
#0d103d
```
#0d103d rgb(13,16,61)
```
#11154d
```
#11154d rgb(17,21,77)
```
#14195d
```
#14195d rgb(20,25,93)
```
#181d6d
```
#181d6d rgb(24,29,109)
```
#1c227e
```
#1c227e rgb(28,34,126)
```
#1f268e
```
#1f268e rgb(31,38,142)
```
#232a9e
```
#232a9e rgb(35,42,158)
```
#262fae
```
#262fae rgb(38,47,174)
```
#2a33be
```
#2a33be rgb(42,51,190)
```
#2d37ce
```
#2d37ce rgb(45,55,206)
```

Shade Color Variation

#3b44d4
```
#3b44d4 rgb(59,68,212)
```
#4b54d7
```
#4b54d7 rgb(75,84,215)
```
#5b63db
```
#5b63db rgb(91,99,219)
```
#6b72df
```
#6b72df rgb(107,114,223)
```
#7b82e2
```
#7b82e2 rgb(123,130,226)
```
#8b91e6
```
#8b91e6 rgb(139,145,230)
```
#9ba0e9
```
#9ba0e9 rgb(155,160,233)
```
#abb0ed
```
#abb0ed rgb(171,176,237)
```
#bcbff0
```
#bcbff0 rgb(188,191,240)
```
#cccef4
```
#cccef4 rgb(204,206,244)
```
#dcddf7
```
#dcddf7 rgb(220,221,247)
```
#ecedfb
```
#ecedfb rgb(236,237,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#99999d
```
#99999d rgb(153,153,157)
```
#9192a5
```
#9192a5 rgb(145,146,165)
```
#898bad
```
#898bad rgb(137,139,173)
```
#8185b5
```
#8185b5 rgb(129,133,181)
```
#7a7ebc
```
#7a7ebc rgb(122,126,188)
```
#7277c4
```
#7277c4 rgb(114,119,196)
```
#6a70cc
```
#6a70cc rgb(106,112,204)
```
#636ad3
```
#636ad3 rgb(99,106,211)
```
#5b63db
```
#5b63db rgb(91,99,219)
```
#535ce3
```
#535ce3 rgb(83,92,227)
```
#4c56ea
```
#4c56ea rgb(76,86,234)
```
#444ff2
```
#444ff2 rgb(68,79,242)
```
#3c48fa
```
#3c48fa rgb(60,72,250)
```

Tone Color Variation

Below, you can see how #5b63db 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
#6a6c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e3 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#33818b Tritanopia 0.001% of the population

Trichromacy

#216de0 Protanomaly 1% of men, 0.01% of women
#2171cf Deuteranomaly 6% of men, 0.4% of women
#4176a8 Tritanomaly 0.01% of the population

#5b63db hex color

#5b63db Color Information

#5b63db Color Conversion

Color Schemes with #5b63db

Alternatives to #5b63db

#5b63db Preview

Shades and Tints of #5b63db

Tones of #5b63db

Color Blindness Simulator