#5b63ba hex color

In a RGB color space, hex #5b63ba is composed of 35.7% red, 38.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 46.8% magenta, 0% yellow and 27.1% black. It has a hue angle of 234.9 degrees, a saturation of 40.8% and a lightness of 54.3%. #5b63ba color hex could be obtained by blending #b6c6ff with #000075. Closest websafe color is: #6666cc.

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

● #5b63ba color description : Moderate blue.

The hexadecimal color #5b63ba has RGB values of R:91, G:99, B:186 and CMYK values of C:0.51, M:0.47, Y:0, K:0.27. Its decimal value is 5989306.

Hex triplet	5b63ba	`#5b63ba`
RGB Decimal	91, 99, 186	`rgb(91,99,186)`
RGB Percent	35.7, 38.8, 72.9	`rgb(35.7%,38.8%,72.9%)`
CMYK	51, 47, 0, 27
HSL	234.9°, 40.8, 54.3	`hsl(234.9,40.8%,54.3%)`
HSV (or HSB)	234.9°, 51.1, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.21, 21.355, -47.058
XYZ	17.637, 14.692, 48.358
xyY	0.219, 0.182, 14.692
CIE-LCH	45.21, 51.677, 294.408
CIE-LUV	45.21, -8.043, -72.392
Hunter-Lab	38.331, 15.056, -47.969
Binary	01011011, 01100011, 10111010

#5b63ba
```
#5b63ba rgb(91,99,186)
```
#bab25b
```
#bab25b rgb(186,178,91)
```

Complementary Color

#5b93ba
```
#5b93ba rgb(91,147,186)
```
#5b63ba
```
#5b63ba rgb(91,99,186)
```
#835bba
```
#835bba rgb(131,91,186)
```

Analogous Color

#93ba5b
```
#93ba5b rgb(147,186,91)
```
#5b63ba
```
#5b63ba rgb(91,99,186)
```
#ba835b
```
#ba835b rgb(186,131,91)
```

Split Complementary Color

#63ba5b
```
#63ba5b rgb(99,186,91)
```
#5b63ba
```
#5b63ba rgb(91,99,186)
```
#ba5b63
```
#ba5b63 rgb(186,91,99)
```

Triadic Color

#5bbab2
```
#5bbab2 rgb(91,186,178)
```
#5b63ba
```
#5b63ba rgb(91,99,186)
```
#ba5b63
```
#ba5b63 rgb(186,91,99)
```
#bab25b
```
#bab25b rgb(186,178,91)
```

Tetradic Color

#3b428d
```
#3b428d rgb(59,66,141)
```
#434b9f
```
#434b9f rgb(67,75,159)
```
#4a53b1
```
#4a53b1 rgb(74,83,177)
```
#5b63ba
```
#5b63ba rgb(91,99,186)
```
#6d74c2
```
#6d74c2 rgb(109,116,194)
```
#7f85c9
```
#7f85c9 rgb(127,133,201)
```
#9196d1
```
#9196d1 rgb(145,150,209)
```

Monochromatic Color

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

#5b7bba
```
#5b7bba rgb(91,123,186)
```
#5b73ba
```
#5b73ba rgb(91,115,186)
```
#5b6bba
```
#5b6bba rgb(91,107,186)
```
#5b63ba
```
#5b63ba rgb(91,99,186)
```
#5b5bba
```
#5b5bba rgb(91,91,186)
```
#635bba
```
#635bba rgb(99,91,186)
```
#6b5bba
```
#6b5bba rgb(107,91,186)
```

Similar Colors

Text with hexadecimal color #5b63ba

This text has a font color of #5b63ba.

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

#5b63ba background color

This paragraph has a background color of #5b63ba.

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

#5b63ba border color

This element has a border color of #5b63ba.

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

CSS codes

.text {color:#5b63ba;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#07070f
```
#07070f rgb(7,7,15)
```
#0c0e1d
```
#0c0e1d rgb(12,14,29)
```
#12142b
```
#12142b rgb(18,20,43)
```
#181b39
```
#181b39 rgb(24,27,57)
```
#1e2147
```
#1e2147 rgb(30,33,71)
```
#242855
```
#242855 rgb(36,40,85)
```
#292e62
```
#292e62 rgb(41,46,98)
```
#2f3570
```
#2f3570 rgb(47,53,112)
```
#353b7e
```
#353b7e rgb(53,59,126)
```
#3b428c
```
#3b428c rgb(59,66,140)
```
#41489a
```
#41489a rgb(65,72,154)
```
#464fa7
```
#464fa7 rgb(70,79,167)
```

Shade Color Variation

#4d56b4
```
#4d56b4 rgb(77,86,180)
```
#5b63ba
```
#5b63ba rgb(91,99,186)
```
#6970c0
```
#6970c0 rgb(105,112,192)
```
#777dc6
```
#777dc6 rgb(119,125,198)
```
#848acb
```
#848acb rgb(132,138,203)
```
#9298d1
```
#9298d1 rgb(146,152,209)
```
#a0a5d7
```
#a0a5d7 rgb(160,165,215)
```
#aeb2dd
```
#aeb2dd rgb(174,178,221)
```
#bcbfe3
```
#bcbfe3 rgb(188,191,227)
```
#c9cce8
```
#c9cce8 rgb(201,204,232)
```
#d7d9ee
```
#d7d9ee rgb(215,217,238)
```
#e5e6f4
```
#e5e6f4 rgb(229,230,244)
```
#f3f3fa
```
#f3f3fa rgb(243,243,250)
```

Tint Color Variation

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

#88888d
```
#88888d rgb(136,136,141)
```
#7f8196
```
#7f8196 rgb(127,129,150)
```
#76799f
```
#76799f rgb(118,121,159)
```
#6d72a8
```
#6d72a8 rgb(109,114,168)
```
#646ab1
```
#646ab1 rgb(100,106,177)
```
#5b63ba
```
#5b63ba rgb(91,99,186)
```
#525cc3
```
#525cc3 rgb(82,92,195)
```
#4954cc
```
#4954cc rgb(73,84,204)
```
#404dd5
```
#404dd5 rgb(64,77,213)
```
#3745de
```
#3745de rgb(55,69,222)
```
#2e3ee7
```
#2e3ee7 rgb(46,62,231)
```
#2536f0
```
#2536f0 rgb(37,54,240)
```
#1c2ff9
```
#1c2ff9 rgb(28,47,249)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#68697b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4870c1 Protanopia 1% of men
#3773ba Deuteranopia 1% of men
#4b7982 Tritanopia 0.001% of the population

Trichromacy

#4e6bbe Protanomaly 1% of men, 0.01% of women
#446dba Deuteranomaly 6% of men, 0.4% of women
#517196 Tritanomaly 0.01% of the population

#5b63ba hex color

#5b63ba Color Information

#5b63ba Color Conversion

Color Schemes with #5b63ba

Alternatives to #5b63ba

#5b63ba Preview

Shades and Tints of #5b63ba

Tones of #5b63ba

Color Blindness Simulator