#5b6374 hex color

In a RGB color space, hex #5b6374 is composed of 35.7% red, 38.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 14.7% magenta, 0% yellow and 54.5% black. It has a hue angle of 220.8 degrees, a saturation of 12.1% and a lightness of 40.6%. #5b6374 color hex could be obtained by blending #b6c6e8 with #000000. Closest websafe color is: #666666.

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

● #5b6374 color description : Dark grayish blue.

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

Hex triplet	5b6374	`#5b6374`
RGB Decimal	91, 99, 116	`rgb(91,99,116)`
RGB Percent	35.7, 38.8, 45.5	`rgb(35.7%,38.8%,45.5%)`
CMYK	22, 15, 0, 55
HSL	220.8°, 12.1, 40.6	`hsl(220.8,12.1%,40.6%)`
HSV (or HSB)	220.8°, 21.6, 45.5
Web Safe	666666	`#666666`

CIE-LAB	41.858, 0.941, -10.594
XYZ	11.928, 12.409, 18.289
xyY	0.28, 0.291, 12.409
CIE-LCH	41.858, 10.636, 275.075
CIE-LUV	41.858, -5.005, -14.578
Hunter-Lab	35.226, -1.203, -6.124
Binary	01011011, 01100011, 01110100

#5b6374
```
#5b6374 rgb(91,99,116)
```
#746c5b
```
#746c5b rgb(116,108,91)
```

Complementary Color

#5b7074
```
#5b7074 rgb(91,112,116)
```
#5b6374
```
#5b6374 rgb(91,99,116)
```
#605b74
```
#605b74 rgb(96,91,116)
```

Analogous Color

#70745b
```
#70745b rgb(112,116,91)
```
#5b6374
```
#5b6374 rgb(91,99,116)
```
#74605b
```
#74605b rgb(116,96,91)
```

Split Complementary Color

#63745b
```
#63745b rgb(99,116,91)
```
#5b6374
```
#5b6374 rgb(91,99,116)
```
#745b63
```
#745b63 rgb(116,91,99)
```

Triadic Color

#5b746c
```
#5b746c rgb(91,116,108)
```
#5b6374
```
#5b6374 rgb(91,99,116)
```
#745b63
```
#745b63 rgb(116,91,99)
```
#746c5b
```
#746c5b rgb(116,108,91)
```

Tetradic Color

#393e49
```
#393e49 rgb(57,62,73)
```
#454b57
```
#454b57 rgb(69,75,87)
```
#505766
```
#505766 rgb(80,87,102)
```
#5b6374
```
#5b6374 rgb(91,99,116)
```
#666f82
```
#666f82 rgb(102,111,130)
```
#727c90
```
#727c90 rgb(114,124,144)
```
#80899b
```
#80899b rgb(128,137,155)
```

Monochromatic Color

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

#5b6974
```
#5b6974 rgb(91,105,116)
```
#5b6774
```
#5b6774 rgb(91,103,116)
```
#5b6574
```
#5b6574 rgb(91,101,116)
```
#5b6374
```
#5b6374 rgb(91,99,116)
```
#5b6174
```
#5b6174 rgb(91,97,116)
```
#5b5f74
```
#5b5f74 rgb(91,95,116)
```
#5b5d74
```
#5b5d74 rgb(91,93,116)
```

Similar Colors

Text with hexadecimal color #5b6374

This text has a font color of #5b6374.

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

#5b6374 background color

This paragraph has a background color of #5b6374.

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

#5b6374 border color

This element has a border color of #5b6374.

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

CSS codes

.text {color:#5b6374;}

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

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0d0f11
```
#0d0f11 rgb(13,15,17)
```
#16181c
```
#16181c rgb(22,24,28)
```
#1f2127
```
#1f2127 rgb(31,33,39)
```
#272b32
```
#272b32 rgb(39,43,50)
```
#30343d
```
#30343d rgb(48,52,61)
```
#393d48
```
#393d48 rgb(57,61,72)
```
#414753
```
#414753 rgb(65,71,83)
```
#4a505e
```
#4a505e rgb(74,80,94)
```
#525a69
```
#525a69 rgb(82,90,105)
```
#5b6374
```
#5b6374 rgb(91,99,116)
```
#646c7f
```
#646c7f rgb(100,108,127)
```
#6c768a
```
#6c768a rgb(108,118,138)
```

Shade Color Variation

#768094
```
#768094 rgb(118,128,148)
```
#818a9c
```
#818a9c rgb(129,138,156)
```
#8c94a5
```
#8c94a5 rgb(140,148,165)
```
#979eae
```
#979eae rgb(151,158,174)
```
#a2a9b6
```
#a2a9b6 rgb(162,169,182)
```
#adb3bf
```
#adb3bf rgb(173,179,191)
```
#b8bdc7
```
#b8bdc7 rgb(184,189,199)
```
#c3c7d0
```
#c3c7d0 rgb(195,199,208)
```
#ced1d9
```
#ced1d9 rgb(206,209,217)
```
#d9dce1
```
#d9dce1 rgb(217,220,225)
```
#e4e6ea
```
#e4e6ea rgb(228,230,234)
```
#eff0f3
```
#eff0f3 rgb(239,240,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#63666c
```
#63666c rgb(99,102,108)
```
#5b6374
```
#5b6374 rgb(91,99,116)
```
#53607c
```
#53607c rgb(83,96,124)
```
#4b5d84
```
#4b5d84 rgb(75,93,132)
```
#435a8c
```
#435a8c rgb(67,90,140)
```
#3b5894
```
#3b5894 rgb(59,88,148)
```
#33559c
```
#33559c rgb(51,85,156)
```
#2b52a4
```
#2b52a4 rgb(43,82,164)
```
#234fac
```
#234fac rgb(35,79,172)
```
#1b4cb4
```
#1b4cb4 rgb(27,76,180)
```
#1349bc
```
#1349bc rgb(19,73,188)
```
#0b46c4
```
#0b46c4 rgb(11,70,196)
```
#0343cc
```
#0343cc rgb(3,67,204)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#616366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676a7a Protanopia 1% of men
#6c687c Deuteranopia 1% of men
#616c74 Tritanopia 0.001% of the population

Trichromacy

#636778 Protanomaly 1% of men, 0.01% of women
#656679 Deuteranomaly 6% of men, 0.4% of women
#5f6874 Tritanomaly 0.01% of the population

#5b6374 hex color

#5b6374 Color Information

#5b6374 Color Conversion

Color Schemes with #5b6374

Alternatives to #5b6374

#5b6374 Preview

Shades and Tints of #5b6374

Tones of #5b6374

Color Blindness Simulator