#5b7197 hex color

In a RGB color space, hex #5b7197 is composed of 35.7% red, 44.3% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 25.2% magenta, 0% yellow and 40.8% black. It has a hue angle of 218 degrees, a saturation of 24.8% and a lightness of 47.5%. #5b7197 color hex could be obtained by blending #b6e2ff with #00002f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 44
- B 59
RGB color chart
- C 40
- M 25
- Y 0
- K 41
CMYK color chart

● #5b7197 color description : Mostly desaturated dark blue.

The hexadecimal color #5b7197 has RGB values of R:91, G:113, B:151 and CMYK values of C:0.4, M:0.25, Y:0, K:0.41. Its decimal value is 5992855.

Hex triplet	5b7197	`#5b7197`
RGB Decimal	91, 113, 151	`rgb(91,113,151)`
RGB Percent	35.7, 44.3, 59.2	`rgb(35.7%,44.3%,59.2%)`
CMYK	40, 25, 0, 41
HSL	218°, 24.8, 47.5	`hsl(218,24.8%,47.5%)`
HSV (or HSB)	218°, 39.7, 59.2
Web Safe	666699	`#666699`

CIE-LAB	47.324, 1.996, -23.213
XYZ	15.804, 16.268, 31.584
xyY	0.248, 0.256, 16.268
CIE-LCH	47.324, 23.299, 274.915
CIE-LUV	47.324, -12.029, -34.091
Hunter-Lab	40.334, -0.642, -18.194
Binary	01011011, 01110001, 10010111

#5b7197
```
#5b7197 rgb(91,113,151)
```
#97815b
```
#97815b rgb(151,129,91)
```

Complementary Color

#5b8f97
```
#5b8f97 rgb(91,143,151)
```
#5b7197
```
#5b7197 rgb(91,113,151)
```
#635b97
```
#635b97 rgb(99,91,151)
```

Analogous Color

#8f975b
```
#8f975b rgb(143,151,91)
```
#5b7197
```
#5b7197 rgb(91,113,151)
```
#97635b
```
#97635b rgb(151,99,91)
```

Split Complementary Color

#71975b
```
#71975b rgb(113,151,91)
```
#5b7197
```
#5b7197 rgb(91,113,151)
```
#975b71
```
#975b71 rgb(151,91,113)
```

Triadic Color

#5b9781
```
#5b9781 rgb(91,151,129)
```
#5b7197
```
#5b7197 rgb(91,113,151)
```
#975b71
```
#975b71 rgb(151,91,113)
```
#97815b
```
#97815b rgb(151,129,91)
```

Tetradic Color

#3e4d67
```
#3e4d67 rgb(62,77,103)
```
#485977
```
#485977 rgb(72,89,119)
```
#516587
```
#516587 rgb(81,101,135)
```
#5b7197
```
#5b7197 rgb(91,113,151)
```
#687ea4
```
#687ea4 rgb(104,126,164)
```
#788bad
```
#788bad rgb(120,139,173)
```
#8899b7
```
#8899b7 rgb(136,153,183)
```

Monochromatic Color

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

#5b8097
```
#5b8097 rgb(91,128,151)
```
#5b7b97
```
#5b7b97 rgb(91,123,151)
```
#5b7697
```
#5b7697 rgb(91,118,151)
```
#5b7197
```
#5b7197 rgb(91,113,151)
```
#5b6c97
```
#5b6c97 rgb(91,108,151)
```
#5b6797
```
#5b6797 rgb(91,103,151)
```
#5b6297
```
#5b6297 rgb(91,98,151)
```

Similar Colors

Text with hexadecimal color #5b7197

This text has a font color of #5b7197.

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

#5b7197 background color

This paragraph has a background color of #5b7197.

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

#5b7197 border color

This element has a border color of #5b7197.

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

CSS codes

.text {color:#5b7197;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#0a0c10
```
#0a0c10 rgb(10,12,16)
```
#11151d
```
#11151d rgb(17,21,29)
```
#191f29
```
#191f29 rgb(25,31,41)
```
#202835
```
#202835 rgb(32,40,53)
```
#273141
```
#273141 rgb(39,49,65)
```
#2f3a4e
```
#2f3a4e rgb(47,58,78)
```
#36435a
```
#36435a rgb(54,67,90)
```
#3d4c66
```
#3d4c66 rgb(61,76,102)
```
#455672
```
#455672 rgb(69,86,114)
```
#4c5f7f
```
#4c5f7f rgb(76,95,127)
```
#54688b
```
#54688b rgb(84,104,139)
```
#5b7197
```
#5b7197 rgb(91,113,151)
```

Shade Color Variation

#647ba2
```
#647ba2 rgb(100,123,162)
```
#7085a9
```
#7085a9 rgb(112,133,169)
```
#7c90b0
```
#7c90b0 rgb(124,144,176)
```
#899ab8
```
#899ab8 rgb(137,154,184)
```
#95a4bf
```
#95a4bf rgb(149,164,191)
```
#a1afc6
```
#a1afc6 rgb(161,175,198)
```
#adb9ce
```
#adb9ce rgb(173,185,206)
```
#bac4d5
```
#bac4d5 rgb(186,196,213)
```
#c6cedd
```
#c6cedd rgb(198,206,221)
```
#d2d9e4
```
#d2d9e4 rgb(210,217,228)
```
#dee3eb
```
#dee3eb rgb(222,227,235)
```
#ebeef3
```
#ebeef3 rgb(235,238,243)
```
#f7f8fa
```
#f7f8fa rgb(247,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77787b is the less saturated color, while #075beb is the most saturated one.

#77787b
```
#77787b rgb(119,120,123)
```
#6e7684
```
#6e7684 rgb(110,118,132)
```
#64738e
```
#64738e rgb(100,115,142)
```
#5b7197
```
#5b7197 rgb(91,113,151)
```
#526fa0
```
#526fa0 rgb(82,111,160)
```
#486caa
```
#486caa rgb(72,108,170)
```
#3f6ab3
```
#3f6ab3 rgb(63,106,179)
```
#3667bc
```
#3667bc rgb(54,103,188)
```
#2c65c6
```
#2c65c6 rgb(44,101,198)
```
#2362cf
```
#2362cf rgb(35,98,207)
```
#1a60d8
```
#1a60d8 rgb(26,96,216)
```
#115de1
```
#115de1 rgb(17,93,225)
```
#075beb
```
#075beb rgb(7,91,235)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6b6f77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c769b Protanopia 1% of men
#6c769d Deuteranopia 1% of men
#5c7c85 Tritanopia 0.001% of the population

Trichromacy

#667499 Protanomaly 1% of men, 0.01% of women
#65749a Deuteranomaly 6% of men, 0.4% of women
#5b788c Tritanomaly 0.01% of the population

#5b7197 hex color

#5b7197 Color Information

#5b7197 Color Conversion

Color Schemes with #5b7197

Alternatives to #5b7197

#5b7197 Preview

Shades and Tints of #5b7197

Tones of #5b7197

Color Blindness Simulator