#5b556c hex color

In a RGB color space, hex #5b556c is composed of 35.7% red, 33.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 21.3% magenta, 0% yellow and 57.6% black. It has a hue angle of 255.7 degrees, a saturation of 11.9% and a lightness of 37.8%. #5b556c color hex could be obtained by blending #b6aad8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 36
- G 33
- B 42
RGB color chart
- C 16
- M 21
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #5b556c has RGB values of R:91, G:85, B:108 and CMYK values of C:0.16, M:0.21, Y:0, K:0.58. Its decimal value is 5985644.

Hex triplet	5b556c	`#5b556c`
RGB Decimal	91, 85, 108	`rgb(91,85,108)`
RGB Percent	35.7, 33.3, 42.4	`rgb(35.7%,33.3%,42.4%)`
CMYK	16, 21, 0, 58
HSL	255.7°, 11.9, 37.8	`hsl(255.7,11.9%,37.8%)`
HSV (or HSB)	255.7°, 21.3, 42.4
Web Safe	666666	`#666666`

CIE-LAB	37.488, 7.59, -12.293
XYZ	10.269, 9.804, 15.538
xyY	0.288, 0.275, 9.804
CIE-LCH	37.488, 14.447, 301.692
CIE-LUV	37.488, 1.742, -17.392
Hunter-Lab	31.311, 3.749, -7.504
Binary	01011011, 01010101, 01101100

#5b556c
```
#5b556c rgb(91,85,108)
```
#666c55
```
#666c55 rgb(102,108,85)
```

Complementary Color

#555b6c
```
#555b6c rgb(85,91,108)
```
#5b556c
```
#5b556c rgb(91,85,108)
```
#67556c
```
#67556c rgb(103,85,108)
```

Analogous Color

#5b6c55
```
#5b6c55 rgb(91,108,85)
```
#5b556c
```
#5b556c rgb(91,85,108)
```
#6c6755
```
#6c6755 rgb(108,103,85)
```

Split Complementary Color

#556c5b
```
#556c5b rgb(85,108,91)
```
#5b556c
```
#5b556c rgb(91,85,108)
```
#6c5b55
```
#6c5b55 rgb(108,91,85)
```

Triadic Color

#55666c
```
#55666c rgb(85,102,108)
```
#5b556c
```
#5b556c rgb(91,85,108)
```
#6c5b55
```
#6c5b55 rgb(108,91,85)
```
#666c55
```
#666c55 rgb(102,108,85)
```

Tetradic Color

#373341
```
#373341 rgb(55,51,65)
```
#433f4f
```
#433f4f rgb(67,63,79)
```
#4f4a5e
```
#4f4a5e rgb(79,74,94)
```
#5b556c
```
#5b556c rgb(91,85,108)
```
#67607a
```
#67607a rgb(103,96,122)
```
#736b89
```
#736b89 rgb(115,107,137)
```
#807895
```
#807895 rgb(128,120,149)
```

Monochromatic Color

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

#55556c
```
#55556c rgb(85,85,108)
```
#57556c
```
#57556c rgb(87,85,108)
```
#59556c
```
#59556c rgb(89,85,108)
```
#5b556c
```
#5b556c rgb(91,85,108)
```
#5d556c
```
#5d556c rgb(93,85,108)
```
#5f556c
```
#5f556c rgb(95,85,108)
```
#61556c
```
#61556c rgb(97,85,108)
```

Similar Colors

Text with hexadecimal color #5b556c

This text has a font color of #5b556c.

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

#5b556c background color

This paragraph has a background color of #5b556c.

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

#5b556c border color

This element has a border color of #5b556c.

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

CSS codes

.text {color:#5b556c;}

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

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

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

#080709
```
#080709 rgb(8,7,9)
```
#111014
```
#111014 rgb(17,16,20)
```
#1a191f
```
#1a191f rgb(26,25,31)
```
#24212a
```
#24212a rgb(36,33,42)
```
#2d2a35
```
#2d2a35 rgb(45,42,53)
```
#363240
```
#363240 rgb(54,50,64)
```
#3f3b4b
```
#3f3b4b rgb(63,59,75)
```
#494456
```
#494456 rgb(73,68,86)
```
#524c61
```
#524c61 rgb(82,76,97)
```
#5b556c
```
#5b556c rgb(91,85,108)
```
#645e77
```
#645e77 rgb(100,94,119)
```
#6d6682
```
#6d6682 rgb(109,102,130)
```
#776f8d
```
#776f8d rgb(119,111,141)
```

Shade Color Variation

#817a96
```
#817a96 rgb(129,122,150)
```
#8b849f
```
#8b849f rgb(139,132,159)
```
#968fa7
```
#968fa7 rgb(150,143,167)
```
#a09ab0
```
#a09ab0 rgb(160,154,176)
```
#aaa5b8
```
#aaa5b8 rgb(170,165,184)
```
#b5b0c1
```
#b5b0c1 rgb(181,176,193)
```
#bfbbca
```
#bfbbca rgb(191,187,202)
```
#c9c6d2
```
#c9c6d2 rgb(201,198,210)
```
#d4d1db
```
#d4d1db rgb(212,209,219)
```
#dedce4
```
#dedce4 rgb(222,220,228)
```
#e9e7ec
```
#e9e7ec rgb(233,231,236)
```
#f3f2f5
```
#f3f2f5 rgb(243,242,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5f5c65
```
#5f5c65 rgb(95,92,101)
```
#5b556c
```
#5b556c rgb(91,85,108)
```
#574e73
```
#574e73 rgb(87,78,115)
```
#54467b
```
#54467b rgb(84,70,123)
```
#503f82
```
#503f82 rgb(80,63,130)
```
#4d378a
```
#4d378a rgb(77,55,138)
```
#493091
```
#493091 rgb(73,48,145)
```
#462899
```
#462899 rgb(70,40,153)
```
#4221a0
```
#4221a0 rgb(66,33,160)
```
#3f1aa7
```
#3f1aa7 rgb(63,26,167)
```
#3b12af
```
#3b12af rgb(59,18,175)
```
#370bb6
```
#370bb6 rgb(55,11,182)
```
#3403be
```
#3403be rgb(52,3,190)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#59585d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6075 Protanopia 1% of men
#605e73 Deuteranopia 1% of men
#606067 Tritanopia 0.001% of the population

Trichromacy

#5b5c71 Protanomaly 1% of men, 0.01% of women
#5e5b70 Deuteranomaly 6% of men, 0.4% of women
#5e5c68 Tritanomaly 0.01% of the population

#5b556c hex color

#5b556c Color Information

#5b556c Color Conversion

Color Schemes with #5b556c

Alternatives to #5b556c

#5b556c Preview

Shades and Tints of #5b556c

Tones of #5b556c

Color Blindness Simulator