#5b63bf hex color

In a RGB color space, hex #5b63bf is composed of 35.7% red, 38.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 48.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 235.2 degrees, a saturation of 43.9% and a lightness of 55.3%. #5b63bf color hex could be obtained by blending #b6c6ff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 39
- B 75
RGB color chart
- C 52
- M 48
- Y 0
- K 25
CMYK color chart

● #5b63bf color description : Moderate blue.

The hexadecimal color #5b63bf has RGB values of R:91, G:99, B:191 and CMYK values of C:0.52, M:0.48, Y:0, K:0.25. Its decimal value is 5989311.

Hex triplet	5b63bf	`#5b63bf`
RGB Decimal	91, 99, 191	`rgb(91,99,191)`
RGB Percent	35.7, 38.8, 74.9	`rgb(35.7%,38.8%,74.9%)`
CMYK	52, 48, 0, 25
HSL	235.2°, 43.9, 55.3	`hsl(235.2,43.9%,55.3%)`
HSV (or HSB)	235.2°, 52.4, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.509, 22.952, -49.482
XYZ	18.178, 14.909, 51.207
xyY	0.216, 0.177, 14.909
CIE-LCH	45.509, 54.546, 294.884
CIE-LUV	45.509, -8.257, -76.327
Hunter-Lab	38.612, 16.466, -51.602
Binary	01011011, 01100011, 10111111

#5b63bf
```
#5b63bf rgb(91,99,191)
```
#bfb75b
```
#bfb75b rgb(191,183,91)
```

Complementary Color

#5b95bf
```
#5b95bf rgb(91,149,191)
```
#5b63bf
```
#5b63bf rgb(91,99,191)
```
#855bbf
```
#855bbf rgb(133,91,191)
```

Analogous Color

#95bf5b
```
#95bf5b rgb(149,191,91)
```
#5b63bf
```
#5b63bf rgb(91,99,191)
```
#bf855b
```
#bf855b rgb(191,133,91)
```

Split Complementary Color

#63bf5b
```
#63bf5b rgb(99,191,91)
```
#5b63bf
```
#5b63bf rgb(91,99,191)
```
#bf5b63
```
#bf5b63 rgb(191,91,99)
```

Triadic Color

#5bbfb7
```
#5bbfb7 rgb(91,191,183)
```
#5b63bf
```
#5b63bf rgb(91,99,191)
```
#bf5b63
```
#bf5b63 rgb(191,91,99)
```
#bfb75b
```
#bfb75b rgb(191,183,91)
```

Tetradic Color

#3a4194
```
#3a4194 rgb(58,65,148)
```
#4149a6
```
#4149a6 rgb(65,73,166)
```
#4952b8
```
#4952b8 rgb(73,82,184)
```
#5b63bf
```
#5b63bf rgb(91,99,191)
```
#6d74c6
```
#6d74c6 rgb(109,116,198)
```
#8086cd
```
#8086cd rgb(128,134,205)
```
#9297d4
```
#9297d4 rgb(146,151,212)
```

Monochromatic Color

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

#5b7cbf
```
#5b7cbf rgb(91,124,191)
```
#5b74bf
```
#5b74bf rgb(91,116,191)
```
#5b6bbf
```
#5b6bbf rgb(91,107,191)
```
#5b63bf
```
#5b63bf rgb(91,99,191)
```
#5b5bbf
```
#5b5bbf rgb(91,91,191)
```
#645bbf
```
#645bbf rgb(100,91,191)
```
#6c5bbf
```
#6c5bbf rgb(108,91,191)
```

Similar Colors

Text with hexadecimal color #5b63bf

This text has a font color of #5b63bf.

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

#5b63bf background color

This paragraph has a background color of #5b63bf.

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

#5b63bf border color

This element has a border color of #5b63bf.

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

CSS codes

.text {color:#5b63bf;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#080913
```
#080913 rgb(8,9,19)
```
#0d0f22
```
#0d0f22 rgb(13,15,34)
```
#131530
```
#131530 rgb(19,21,48)
```
#181b3e
```
#181b3e rgb(24,27,62)
```
#1e214c
```
#1e214c rgb(30,33,76)
```
#23275a
```
#23275a rgb(35,39,90)
```
#292e68
```
#292e68 rgb(41,46,104)
```
#2e3476
```
#2e3476 rgb(46,52,118)
```
#343a84
```
#343a84 rgb(52,58,132)
```
#394092
```
#394092 rgb(57,64,146)
```
#3f46a1
```
#3f46a1 rgb(63,70,161)
```
#444daf
```
#444daf rgb(68,77,175)
```

Shade Color Variation

#4d56b9
```
#4d56b9 rgb(77,86,185)
```
#5b63bf
```
#5b63bf rgb(91,99,191)
```
#6970c5
```
#6970c5 rgb(105,112,197)
```
#777eca
```
#777eca rgb(119,126,202)
```
#858bd0
```
#858bd0 rgb(133,139,208)
```
#9399d5
```
#9399d5 rgb(147,153,213)
```
#a2a6db
```
#a2a6db rgb(162,166,219)
```
#b0b4e0
```
#b0b4e0 rgb(176,180,224)
```
#bec1e6
```
#bec1e6 rgb(190,193,230)
```
#ccceeb
```
#ccceeb rgb(204,206,235)
```
#dadcf1
```
#dadcf1 rgb(218,220,241)
```
#e8e9f6
```
#e8e9f6 rgb(232,233,246)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#878893
```
#878893 rgb(135,136,147)
```
#7e809c
```
#7e809c rgb(126,128,156)
```
#7579a5
```
#7579a5 rgb(117,121,165)
```
#6d72ad
```
#6d72ad rgb(109,114,173)
```
#646ab6
```
#646ab6 rgb(100,106,182)
```
#5b63bf
```
#5b63bf rgb(91,99,191)
```
#525cc8
```
#525cc8 rgb(82,92,200)
```
#4954d1
```
#4954d1 rgb(73,84,209)
```
#414dd9
```
#414dd9 rgb(65,77,217)
```
#3846e2
```
#3846e2 rgb(56,70,226)
```
#2f3eeb
```
#2f3eeb rgb(47,62,235)
```
#2637f4
```
#2637f4 rgb(38,55,244)
```
#1e2ffc
```
#1e2ffc rgb(30,47,252)
```

Tone Color Variation

Below, you can see how #5b63bf 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
#68697c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4370c7 Protanopia 1% of men
#2e74be Deuteranopia 1% of men
#487a83 Tritanopia 0.001% of the population

Trichromacy

#4c6bc4 Protanomaly 1% of men, 0.01% of women
#3e6ebe Deuteranomaly 6% of men, 0.4% of women
#4f7299 Tritanomaly 0.01% of the population

#5b63bf hex color

#5b63bf Color Information

#5b63bf Color Conversion

Color Schemes with #5b63bf

Alternatives to #5b63bf

#5b63bf Preview

Shades and Tints of #5b63bf

Tones of #5b63bf

Color Blindness Simulator