#5b63b0 hex color

In a RGB color space, hex #5b63b0 is composed of 35.7% red, 38.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 43.8% magenta, 0% yellow and 31% black. It has a hue angle of 234.4 degrees, a saturation of 35% and a lightness of 52.4%. #5b63b0 color hex could be obtained by blending #b6c6ff with #000061. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 39
- B 69
RGB color chart
- C 48
- M 44
- Y 0
- K 31
CMYK color chart

● #5b63b0 color description : Dark moderate blue.

The hexadecimal color #5b63b0 has RGB values of R:91, G:99, B:176 and CMYK values of C:0.48, M:0.44, Y:0, K:0.31. Its decimal value is 5989296.

Hex triplet	5b63b0	`#5b63b0`
RGB Decimal	91, 99, 176	`rgb(91,99,176)`
RGB Percent	35.7, 38.8, 69	`rgb(35.7%,38.8%,69%)`
CMYK	48, 44, 0, 31
HSL	234.4°, 35, 52.4	`hsl(234.4,35%,52.4%)`
HSV (or HSB)	234.4°, 48.3, 69
Web Safe	666699	`#666699`

CIE-LAB	44.634, 18.193, -42.139
XYZ	16.611, 14.282, 42.953
xyY	0.225, 0.193, 14.282
CIE-LCH	44.634, 45.899, 293.351
CIE-LUV	44.634, -7.611, -64.402
Hunter-Lab	37.791, 12.325, -40.935
Binary	01011011, 01100011, 10110000

#5b63b0
```
#5b63b0 rgb(91,99,176)
```
#b0a85b
```
#b0a85b rgb(176,168,91)
```

Complementary Color

#5b8eb0
```
#5b8eb0 rgb(91,142,176)
```
#5b63b0
```
#5b63b0 rgb(91,99,176)
```
#7e5bb0
```
#7e5bb0 rgb(126,91,176)
```

Analogous Color

#8eb05b
```
#8eb05b rgb(142,176,91)
```
#5b63b0
```
#5b63b0 rgb(91,99,176)
```
#b07e5b
```
#b07e5b rgb(176,126,91)
```

Split Complementary Color

#63b05b
```
#63b05b rgb(99,176,91)
```
#5b63b0
```
#5b63b0 rgb(91,99,176)
```
#b05b63
```
#b05b63 rgb(176,91,99)
```

Triadic Color

#5bb0a8
```
#5bb0a8 rgb(91,176,168)
```
#5b63b0
```
#5b63b0 rgb(91,99,176)
```
#b05b63
```
#b05b63 rgb(176,91,99)
```
#b0a85b
```
#b0a85b rgb(176,168,91)
```

Tetradic Color

#3e4481
```
#3e4481 rgb(62,68,129)
```
#464d92
```
#464d92 rgb(70,77,146)
```
#4f56a3
```
#4f56a3 rgb(79,86,163)
```
#5b63b0
```
#5b63b0 rgb(91,99,176)
```
#6c73b8
```
#6c73b8 rgb(108,115,184)
```
#7d84c1
```
#7d84c1 rgb(125,132,193)
```
#8f94c9
```
#8f94c9 rgb(143,148,201)
```

Monochromatic Color

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

#5b78b0
```
#5b78b0 rgb(91,120,176)
```
#5b71b0
```
#5b71b0 rgb(91,113,176)
```
#5b6ab0
```
#5b6ab0 rgb(91,106,176)
```
#5b63b0
```
#5b63b0 rgb(91,99,176)
```
#5b5cb0
```
#5b5cb0 rgb(91,92,176)
```
#615bb0
```
#615bb0 rgb(97,91,176)
```
#685bb0
```
#685bb0 rgb(104,91,176)
```

Similar Colors

Text with hexadecimal color #5b63b0

This text has a font color of #5b63b0.

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

#5b63b0 background color

This paragraph has a background color of #5b63b0.

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

#5b63b0 border color

This element has a border color of #5b63b0.

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

CSS codes

.text {color:#5b63b0;}

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

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

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

#040408
```
#040408 rgb(4,4,8)
```
#0a0b15
```
#0a0b15 rgb(10,11,21)
```
#111223
```
#111223 rgb(17,18,35)
```
#171930
```
#171930 rgb(23,25,48)
```
#1d203d
```
#1d203d rgb(29,32,61)
```
#24274a
```
#24274a rgb(36,39,74)
```
#2a2e58
```
#2a2e58 rgb(42,46,88)
```
#313565
```
#313565 rgb(49,53,101)
```
#373c72
```
#373c72 rgb(55,60,114)
```
#3d447f
```
#3d447f rgb(61,68,127)
```
#444b8c
```
#444b8c rgb(68,75,140)
```
#4a529a
```
#4a529a rgb(74,82,154)
```
#5059a7
```
#5059a7 rgb(80,89,167)
```

Shade Color Variation

#5b63b0
```
#5b63b0 rgb(91,99,176)
```
#6870b6
```
#6870b6 rgb(104,112,182)
```
#757cbd
```
#757cbd rgb(117,124,189)
```
#8389c3
```
#8389c3 rgb(131,137,195)
```
#9095ca
```
#9095ca rgb(144,149,202)
```
#9da2d0
```
#9da2d0 rgb(157,162,208)
```
#aaafd6
```
#aaafd6 rgb(170,175,214)
```
#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#c5c8e3
```
#c5c8e3 rgb(197,200,227)
```
#d2d4e9
```
#d2d4e9 rgb(210,212,233)
```
#dfe1f0
```
#dfe1f0 rgb(223,225,240)
```
#edeef6
```
#edeef6 rgb(237,238,246)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80818b is the less saturated color, while #1026fb is the most saturated one.

#80818b
```
#80818b rgb(128,129,139)
```
#777a94
```
#777a94 rgb(119,122,148)
```
#6e729d
```
#6e729d rgb(110,114,157)
```
#646ba7
```
#646ba7 rgb(100,107,167)
```
#5b63b0
```
#5b63b0 rgb(91,99,176)
```
#525bb9
```
#525bb9 rgb(82,91,185)
```
#4854c3
```
#4854c3 rgb(72,84,195)
```
#3f4ccc
```
#3f4ccc rgb(63,76,204)
```
#3645d5
```
#3645d5 rgb(54,69,213)
```
#2c3ddf
```
#2c3ddf rgb(44,61,223)
```
#2335e8
```
#2335e8 rgb(35,53,232)
```
#1a2ef1
```
#1a2ef1 rgb(26,46,241)
```
#1026fb
```
#1026fb rgb(16,38,251)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#666877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f6fb7 Protanopia 1% of men
#4471b1 Deuteranopia 1% of men
#507780 Tritanopia 0.001% of the population

Trichromacy

#536ab4 Protanomaly 1% of men, 0.01% of women
#4c6cb0 Deuteranomaly 6% of men, 0.4% of women
#546f91 Tritanomaly 0.01% of the population

#5b63b0 hex color

#5b63b0 Color Information

#5b63b0 Color Conversion

Color Schemes with #5b63b0

Alternatives to #5b63b0

#5b63b0 Preview

Shades and Tints of #5b63b0

Tones of #5b63b0

Color Blindness Simulator