#5b5063 hex color

In a RGB color space, hex #5b5063 is composed of 35.7% red, 31.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 19.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 274.7 degrees, a saturation of 10.6% and a lightness of 35.1%. #5b5063 color hex could be obtained by blending #b6a0c6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 36
- G 31
- B 39
RGB color chart
- C 8
- M 19
- Y 0
- K 61
CMYK color chart

● #5b5063 color description : Very dark grayish violet.

The hexadecimal color #5b5063 has RGB values of R:91, G:80, B:99 and CMYK values of C:0.08, M:0.19, Y:0, K:0.61. Its decimal value is 5984355.

Hex triplet	5b5063	`#5b5063`
RGB Decimal	91, 80, 99	`rgb(91,80,99)`
RGB Percent	35.7, 31.4, 38.8	`rgb(35.7%,31.4%,38.8%)`
CMYK	8, 19, 0, 61
HSL	274.7°, 10.6, 35.1	`hsl(274.7,10.6%,35.1%)`
HSV (or HSB)	274.7°, 19.2, 38.8
Web Safe	666666	`#666666`

CIE-LAB	35.718, 8.587, -9.357
XYZ	9.435, 8.862, 13.017
xyY	0.301, 0.283, 8.862
CIE-LCH	35.718, 12.7, 312.543
CIE-LUV	35.718, 4.726, -13.322
Hunter-Lab	29.77, 4.474, -5.087
Binary	01011011, 01010000, 01100011

#5b5063
```
#5b5063 rgb(91,80,99)
```
#586350
```
#586350 rgb(88,99,80)
```

Complementary Color

#525063
```
#525063 rgb(82,80,99)
```
#5b5063
```
#5b5063 rgb(91,80,99)
```
#635062
```
#635062 rgb(99,80,98)
```

Analogous Color

#506352
```
#506352 rgb(80,99,82)
```
#5b5063
```
#5b5063 rgb(91,80,99)
```
#626350
```
#626350 rgb(98,99,80)
```

Split Complementary Color

#50635b
```
#50635b rgb(80,99,91)
```
#5b5063
```
#5b5063 rgb(91,80,99)
```
#635b50
```
#635b50 rgb(99,91,80)
```

Triadic Color

#505863
```
#505863 rgb(80,88,99)
```
#5b5063
```
#5b5063 rgb(91,80,99)
```
#635b50
```
#635b50 rgb(99,91,80)
```
#586350
```
#586350 rgb(88,99,80)
```

Tetradic Color

#342e39
```
#342e39 rgb(52,46,57)
```
#413947
```
#413947 rgb(65,57,71)
```
#4e4555
```
#4e4555 rgb(78,69,85)
```
#5b5063
```
#5b5063 rgb(91,80,99)
```
#685b71
```
#685b71 rgb(104,91,113)
```
#75677f
```
#75677f rgb(117,103,127)
```
#82728d
```
#82728d rgb(130,114,141)
```

Monochromatic Color

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

#565063
```
#565063 rgb(86,80,99)
```
#585063
```
#585063 rgb(88,80,99)
```
#595063
```
#595063 rgb(89,80,99)
```
#5b5063
```
#5b5063 rgb(91,80,99)
```
#5d5063
```
#5d5063 rgb(93,80,99)
```
#5e5063
```
#5e5063 rgb(94,80,99)
```
#605063
```
#605063 rgb(96,80,99)
```

Similar Colors

Text with hexadecimal color #5b5063

This text has a font color of #5b5063.

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

#5b5063 background color

This paragraph has a background color of #5b5063.

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

#5b5063 border color

This element has a border color of #5b5063.

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

CSS codes

.text {color:#5b5063;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0a0c
```
#0b0a0c rgb(11,10,12)
```
#151317
```
#151317 rgb(21,19,23)
```
#1f1b22
```
#1f1b22 rgb(31,27,34)
```
#29242d
```
#29242d rgb(41,36,45)
```
#332d38
```
#332d38 rgb(51,45,56)
```
#3d3642
```
#3d3642 rgb(61,54,66)
```
#473e4d
```
#473e4d rgb(71,62,77)
```
#514758
```
#514758 rgb(81,71,88)
```
#5b5063
```
#5b5063 rgb(91,80,99)
```
#65596e
```
#65596e rgb(101,89,110)
```
#6f6279
```
#6f6279 rgb(111,98,121)
```
#796a84
```
#796a84 rgb(121,106,132)
```

Shade Color Variation

#83738e
```
#83738e rgb(131,115,142)
```
#8c7e97
```
#8c7e97 rgb(140,126,151)
```
#9689a0
```
#9689a0 rgb(150,137,160)
```
#a094a8
```
#a094a8 rgb(160,148,168)
```
#a99fb1
```
#a99fb1 rgb(169,159,177)
```
#b3aaba
```
#b3aaba rgb(179,170,186)
```
#bdb4c3
```
#bdb4c3 rgb(189,180,195)
```
#c6bfcc
```
#c6bfcc rgb(198,191,204)
```
#d0cad4
```
#d0cad4 rgb(208,202,212)
```
#dad5dd
```
#dad5dd rgb(218,213,221)
```
#e3e0e6
```
#e3e0e6 rgb(227,224,230)
```
#edebef
```
#edebef rgb(237,235,239)
```
#f7f6f7
```
#f7f6f7 rgb(247,246,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a575c is the less saturated color, while #6704af is the most saturated one.

#5a575c
```
#5a575c rgb(90,87,92)
```
#5b5063
```
#5b5063 rgb(91,80,99)
```
#5c496a
```
#5c496a rgb(92,73,106)
```
#5d4271
```
#5d4271 rgb(93,66,113)
```
#5e3b78
```
#5e3b78 rgb(94,59,120)
```
#5f347f
```
#5f347f rgb(95,52,127)
```
#602e85
```
#602e85 rgb(96,46,133)
```
#62278c
```
#62278c rgb(98,39,140)
```
#632093
```
#632093 rgb(99,32,147)
```
#64199a
```
#64199a rgb(100,25,154)
```
#6512a1
```
#6512a1 rgb(101,18,161)
```
#660ba8
```
#660ba8 rgb(102,11,168)
```
#6704af
```
#6704af rgb(103,4,175)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#565458 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595c6c Protanopia 1% of men
#5e5a6a Deuteranopia 1% of men
#615a61 Tritanopia 0.001% of the population

Trichromacy

#595769 Protanomaly 1% of men, 0.01% of women
#5d5667 Deuteranomaly 6% of men, 0.4% of women
#5f5661 Tritanomaly 0.01% of the population

#5b5063 hex color

#5b5063 Color Information

#5b5063 Color Conversion

Color Schemes with #5b5063

Alternatives to #5b5063

#5b5063 Preview

Shades and Tints of #5b5063

Tones of #5b5063

Color Blindness Simulator