#5b5a74 hex color

In a RGB color space, hex #5b5a74 is composed of 35.7% red, 35.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 22.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 242.3 degrees, a saturation of 12.6% and a lightness of 40.4%. #5b5a74 color hex could be obtained by blending #b6b4e8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 36
- G 35
- B 45
RGB color chart
- C 22
- M 22
- Y 0
- K 55
CMYK color chart

● #5b5a74 color description : Dark grayish blue.

The hexadecimal color #5b5a74 has RGB values of R:91, G:90, B:116 and CMYK values of C:0.22, M:0.22, Y:0, K:0.55. Its decimal value is 5986932.

Hex triplet	5b5a74	`#5b5a74`
RGB Decimal	91, 90, 116	`rgb(91,90,116)`
RGB Percent	35.7, 35.3, 45.5	`rgb(35.7%,35.3%,45.5%)`
CMYK	22, 22, 0, 55
HSL	242.3°, 12.6, 40.4	`hsl(242.3,12.6%,40.4%)`
HSV (or HSB)	242.3°, 22.4, 45.5
Web Safe	666666	`#666666`

CIE-LAB	39.237, 6.472, -14.571
XYZ	11.122, 10.797, 18.02
xyY	0.278, 0.27, 10.797
CIE-LCH	39.237, 15.943, 293.949
CIE-LUV	39.237, -1.007, -20.667
Hunter-Lab	32.859, 2.916, -9.513
Binary	01011011, 01011010, 01110100

#5b5a74
```
#5b5a74 rgb(91,90,116)
```
#73745a
```
#73745a rgb(115,116,90)
```

Complementary Color

#5a6674
```
#5a6674 rgb(90,102,116)
```
#5b5a74
```
#5b5a74 rgb(91,90,116)
```
#685a74
```
#685a74 rgb(104,90,116)
```

Analogous Color

#66745a
```
#66745a rgb(102,116,90)
```
#5b5a74
```
#5b5a74 rgb(91,90,116)
```
#74685a
```
#74685a rgb(116,104,90)
```

Split Complementary Color

#5a745b
```
#5a745b rgb(90,116,91)
```
#5b5a74
```
#5b5a74 rgb(91,90,116)
```
#745b5a
```
#745b5a rgb(116,91,90)
```

Triadic Color

#5a7374
```
#5a7374 rgb(90,115,116)
```
#5b5a74
```
#5b5a74 rgb(91,90,116)
```
#745b5a
```
#745b5a rgb(116,91,90)
```
#73745a
```
#73745a rgb(115,116,90)
```

Tetradic Color

#393949
```
#393949 rgb(57,57,73)
```
#444457
```
#444457 rgb(68,68,87)
```
#504f66
```
#504f66 rgb(80,79,102)
```
#5b5a74
```
#5b5a74 rgb(91,90,116)
```
#666582
```
#666582 rgb(102,101,130)
```
#727190
```
#727190 rgb(114,113,144)
```
#807f9c
```
#807f9c rgb(128,127,156)
```

Monochromatic Color

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

#5a6074
```
#5a6074 rgb(90,96,116)
```
#5a5d74
```
#5a5d74 rgb(90,93,116)
```
#5a5b74
```
#5a5b74 rgb(90,91,116)
```
#5b5a74
```
#5b5a74 rgb(91,90,116)
```
#5d5a74
```
#5d5a74 rgb(93,90,116)
```
#5f5a74
```
#5f5a74 rgb(95,90,116)
```
#625a74
```
#625a74 rgb(98,90,116)
```

Similar Colors

Text with hexadecimal color #5b5a74

This text has a font color of #5b5a74.

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

#5b5a74 background color

This paragraph has a background color of #5b5a74.

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

#5b5a74 border color

This element has a border color of #5b5a74.

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

CSS codes

.text {color:#5b5a74;}

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

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0d0d11
```
#0d0d11 rgb(13,13,17)
```
#16151c
```
#16151c rgb(22,21,28)
```
#1e1e27
```
#1e1e27 rgb(30,30,39)
```
#272732
```
#272732 rgb(39,39,50)
```
#302f3d
```
#302f3d rgb(48,47,61)
```
#383848
```
#383848 rgb(56,56,72)
```
#414053
```
#414053 rgb(65,64,83)
```
#4a495e
```
#4a495e rgb(74,73,94)
```
#525169
```
#525169 rgb(82,81,105)
```
#5b5a74
```
#5b5a74 rgb(91,90,116)
```
#64637f
```
#64637f rgb(100,99,127)
```
#6c6b8a
```
#6c6b8a rgb(108,107,138)
```

Shade Color Variation

#767594
```
#767594 rgb(118,117,148)
```
#81809c
```
#81809c rgb(129,128,156)
```
#8c8ba5
```
#8c8ba5 rgb(140,139,165)
```
#9796ae
```
#9796ae rgb(151,150,174)
```
#a2a1b6
```
#a2a1b6 rgb(162,161,182)
```
#adacbf
```
#adacbf rgb(173,172,191)
```
#b8b7c7
```
#b8b7c7 rgb(184,183,199)
```
#c3c2d0
```
#c3c2d0 rgb(195,194,208)
```
#cecdd8
```
#cecdd8 rgb(206,205,216)
```
#d9d8e1
```
#d9d8e1 rgb(217,216,225)
```
#e4e3ea
```
#e4e3ea rgb(228,227,234)
```
#efeef2
```
#efeef2 rgb(239,238,242)
```
#faf9fb
```
#faf9fb rgb(250,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62626c is the less saturated color, while #0b03cb is the most saturated one.

#62626c
```
#62626c rgb(98,98,108)
```
#5b5a74
```
#5b5a74 rgb(91,90,116)
```
#54527c
```
#54527c rgb(84,82,124)
```
#4c4a84
```
#4c4a84 rgb(76,74,132)
```
#45428c
```
#45428c rgb(69,66,140)
```
#3e3a94
```
#3e3a94 rgb(62,58,148)
```
#36329c
```
#36329c rgb(54,50,156)
```
#2f2aa4
```
#2f2aa4 rgb(47,42,164)
```
#2823ab
```
#2823ab rgb(40,35,171)
```
#201bb3
```
#201bb3 rgb(32,27,179)
```
#1913bb
```
#1913bb rgb(25,19,187)
```
#120bc3
```
#120bc3 rgb(18,11,195)
```
#0b03cb
```
#0b03cb rgb(11,3,203)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5d5c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e637c Protanopia 1% of men
#62637b Deuteranopia 1% of men
#60656c Tritanopia 0.001% of the population

Trichromacy

#5d6079 Protanomaly 1% of men, 0.01% of women
#5f5f78 Deuteranomaly 6% of men, 0.4% of women
#5e616f Tritanomaly 0.01% of the population

#5b5a74 hex color

#5b5a74 Color Information

#5b5a74 Color Conversion

Color Schemes with #5b5a74

Alternatives to #5b5a74

#5b5a74 Preview

Shades and Tints of #5b5a74

Tones of #5b5a74

Color Blindness Simulator