#5b7bad hex color

In a RGB color space, hex #5b7bad is composed of 35.7% red, 48.2% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 28.9% magenta, 0% yellow and 32.2% black. It has a hue angle of 216.6 degrees, a saturation of 33.3% and a lightness of 51.8%. #5b7bad color hex could be obtained by blending #b6f6ff with #00005b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 48
- B 68
RGB color chart
- C 47
- M 29
- Y 0
- K 32
CMYK color chart

● #5b7bad color description : Dark moderate blue.

The hexadecimal color #5b7bad has RGB values of R:91, G:123, B:173 and CMYK values of C:0.47, M:0.29, Y:0, K:0.32. Its decimal value is 5995437.

Hex triplet	5b7bad	`#5b7bad`
RGB Decimal	91, 123, 173	`rgb(91,123,173)`
RGB Percent	35.7, 48.2, 67.8	`rgb(35.7%,48.2%,67.8%)`
CMYK	47, 29, 0, 32
HSL	216.6°, 33.3, 51.8	`hsl(216.6,33.3%,51.8%)`
HSV (or HSB)	216.6°, 47.4, 67.8
Web Safe	666699	`#666699`

CIE-LAB	51.159, 2.558, -30.12
XYZ	18.938, 19.406, 42.281
xyY	0.235, 0.241, 19.406
CIE-LCH	51.159, 30.229, 274.855
CIE-LUV	51.159, -16.255, -45.59
Hunter-Lab	44.053, -0.354, -26.068
Binary	01011011, 01111011, 10101101

#5b7bad
```
#5b7bad rgb(91,123,173)
```
#ad8d5b
```
#ad8d5b rgb(173,141,91)
```

Complementary Color

#5ba4ad
```
#5ba4ad rgb(91,164,173)
```
#5b7bad
```
#5b7bad rgb(91,123,173)
```
#645bad
```
#645bad rgb(100,91,173)
```

Analogous Color

#a4ad5b
```
#a4ad5b rgb(164,173,91)
```
#5b7bad
```
#5b7bad rgb(91,123,173)
```
#ad645b
```
#ad645b rgb(173,100,91)
```

Split Complementary Color

#7bad5b
```
#7bad5b rgb(123,173,91)
```
#5b7bad
```
#5b7bad rgb(91,123,173)
```
#ad5b7b
```
#ad5b7b rgb(173,91,123)
```

Triadic Color

#5bad8d
```
#5bad8d rgb(91,173,141)
```
#5b7bad
```
#5b7bad rgb(91,123,173)
```
#ad5b7b
```
#ad5b7b rgb(173,91,123)
```
#ad8d5b
```
#ad8d5b rgb(173,141,91)
```

Tetradic Color

#3f577d
```
#3f577d rgb(63,87,125)
```
#47638e
```
#47638e rgb(71,99,142)
```
#506f9f
```
#506f9f rgb(80,111,159)
```
#5b7bad
```
#5b7bad rgb(91,123,173)
```
#6c89b6
```
#6c89b6 rgb(108,137,182)
```
#7d96be
```
#7d96be rgb(125,150,190)
```
#8ea4c7
```
#8ea4c7 rgb(142,164,199)
```

Monochromatic Color

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

#5b90ad
```
#5b90ad rgb(91,144,173)
```
#5b89ad
```
#5b89ad rgb(91,137,173)
```
#5b82ad
```
#5b82ad rgb(91,130,173)
```
#5b7bad
```
#5b7bad rgb(91,123,173)
```
#5b74ad
```
#5b74ad rgb(91,116,173)
```
#5b6dad
```
#5b6dad rgb(91,109,173)
```
#5b67ad
```
#5b67ad rgb(91,103,173)
```

Similar Colors

Text with hexadecimal color #5b7bad

This text has a font color of #5b7bad.

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

#5b7bad background color

This paragraph has a background color of #5b7bad.

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

#5b7bad border color

This element has a border color of #5b7bad.

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

CSS codes

.text {color:#5b7bad;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0d13
```
#0a0d13 rgb(10,13,19)
```
#101620
```
#101620 rgb(16,22,32)
```
#171f2d
```
#171f2d rgb(23,31,45)
```
#1d293a
```
#1d293a rgb(29,41,58)
```
#243247
```
#243247 rgb(36,50,71)
```
#2a3b54
```
#2a3b54 rgb(42,59,84)
```
#314462
```
#314462 rgb(49,68,98)
```
#374d6f
```
#374d6f rgb(55,77,111)
```
#3e567c
```
#3e567c rgb(62,86,124)
```
#445f89
```
#445f89 rgb(68,95,137)
```
#4b6896
```
#4b6896 rgb(75,104,150)
```
#5171a3
```
#5171a3 rgb(81,113,163)
```

Shade Color Variation

#5b7bad
```
#5b7bad rgb(91,123,173)
```
#6886b4
```
#6886b4 rgb(104,134,180)
```
#7590ba
```
#7590ba rgb(117,144,186)
```
#829bc1
```
#829bc1 rgb(130,155,193)
```
#8fa5c7
```
#8fa5c7 rgb(143,165,199)
```
#9cb0ce
```
#9cb0ce rgb(156,176,206)
```
#a9bad4
```
#a9bad4 rgb(169,186,212)
```
#b7c5db
```
#b7c5db rgb(183,197,219)
```
#c4cfe1
```
#c4cfe1 rgb(196,207,225)
```
#d1dae8
```
#d1dae8 rgb(209,218,232)
```
#dee4ee
```
#dee4ee rgb(222,228,238)
```
#ebeff5
```
#ebeff5 rgb(235,239,245)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#818387
```
#818387 rgb(129,131,135)
```
#778191
```
#778191 rgb(119,129,145)
```
#6e7f9a
```
#6e7f9a rgb(110,127,154)
```
#647da4
```
#647da4 rgb(100,125,164)
```
#5b7bad
```
#5b7bad rgb(91,123,173)
```
#5279b6
```
#5279b6 rgb(82,121,182)
```
#4877c0
```
#4877c0 rgb(72,119,192)
```
#3f75c9
```
#3f75c9 rgb(63,117,201)
```
#3573d3
```
#3573d3 rgb(53,115,211)
```
#2c71dc
```
#2c71dc rgb(44,113,220)
```
#226fe6
```
#226fe6 rgb(34,111,230)
```
#196cef
```
#196cef rgb(25,108,239)
```
#0f6af9
```
#0f6af9 rgb(15,106,249)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#717882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707faf Protanopia 1% of men
#6c7fb2 Deuteranopia 1% of men
#578892 Tritanopia 0.001% of the population

Trichromacy

#687dae Protanomaly 1% of men, 0.01% of women
#667eb0 Deuteranomaly 6% of men, 0.4% of women
#58839b Tritanomaly 0.01% of the population

#5b7bad hex color

#5b7bad Color Information

#5b7bad Color Conversion

Color Schemes with #5b7bad

Alternatives to #5b7bad

#5b7bad Preview

Shades and Tints of #5b7bad

Tones of #5b7bad

Color Blindness Simulator