#5b7aaa hex color

In a RGB color space, hex #5b7aaa is composed of 35.7% red, 47.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 46.5% cyan, 28.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 216.5 degrees, a saturation of 31.7% and a lightness of 51.2%. #5b7aaa color hex could be obtained by blending #b6f4ff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 48
- B 67
RGB color chart
- C 46
- M 28
- Y 0
- K 33
CMYK color chart

● #5b7aaa color description : Dark moderate blue.

The hexadecimal color #5b7aaa has RGB values of R:91, G:122, B:170 and CMYK values of C:0.46, M:0.28, Y:0, K:0.33. Its decimal value is 5995178.

Hex triplet	5b7aaa	`#5b7aaa`
RGB Decimal	91, 122, 170	`rgb(91,122,170)`
RGB Percent	35.7, 47.8, 66.7	`rgb(35.7%,47.8%,66.7%)`
CMYK	46, 28, 0, 33
HSL	216.5°, 31.7, 51.2	`hsl(216.5,31.7%,51.2%)`
HSV (or HSB)	216.5°, 46.5, 66.7
Web Safe	666699	`#666699`

CIE-LAB	50.739, 2.242, -29.035
XYZ	18.528, 19.045, 40.728
xyY	0.237, 0.243, 19.045
CIE-LCH	50.739, 29.122, 274.416
CIE-LUV	50.739, -15.846, -43.761
Hunter-Lab	43.64, -0.586, -24.785
Binary	01011011, 01111010, 10101010

#5b7aaa
```
#5b7aaa rgb(91,122,170)
```
#aa8b5b
```
#aa8b5b rgb(170,139,91)
```

Complementary Color

#5ba2aa
```
#5ba2aa rgb(91,162,170)
```
#5b7aaa
```
#5b7aaa rgb(91,122,170)
```
#645baa
```
#645baa rgb(100,91,170)
```

Analogous Color

#a2aa5b
```
#a2aa5b rgb(162,170,91)
```
#5b7aaa
```
#5b7aaa rgb(91,122,170)
```
#aa645b
```
#aa645b rgb(170,100,91)
```

Split Complementary Color

#7aaa5b
```
#7aaa5b rgb(122,170,91)
```
#5b7aaa
```
#5b7aaa rgb(91,122,170)
```
#aa5b7a
```
#aa5b7a rgb(170,91,122)
```

Triadic Color

#5baa8b
```
#5baa8b rgb(91,170,139)
```
#5b7aaa
```
#5b7aaa rgb(91,122,170)
```
#aa5b7a
```
#aa5b7a rgb(170,91,122)
```
#aa8b5b
```
#aa8b5b rgb(170,139,91)
```

Tetradic Color

#3f567a
```
#3f567a rgb(63,86,122)
```
#48628a
```
#48628a rgb(72,98,138)
```
#506e9b
```
#506e9b rgb(80,110,155)
```
#5b7aaa
```
#5b7aaa rgb(91,122,170)
```
#6c88b3
```
#6c88b3 rgb(108,136,179)
```
#7d95bb
```
#7d95bb rgb(125,149,187)
```
#8da3c4
```
#8da3c4 rgb(141,163,196)
```

Monochromatic Color

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

#5b8eaa
```
#5b8eaa rgb(91,142,170)
```
#5b87aa
```
#5b87aa rgb(91,135,170)
```
#5b81aa
```
#5b81aa rgb(91,129,170)
```
#5b7aaa
```
#5b7aaa rgb(91,122,170)
```
#5b73aa
```
#5b73aa rgb(91,115,170)
```
#5b6daa
```
#5b6daa rgb(91,109,170)
```
#5b66aa
```
#5b66aa rgb(91,102,170)
```

Similar Colors

Text with hexadecimal color #5b7aaa

This text has a font color of #5b7aaa.

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

#5b7aaa background color

This paragraph has a background color of #5b7aaa.

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

#5b7aaa border color

This element has a border color of #5b7aaa.

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

CSS codes

.text {color:#5b7aaa;}

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

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

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 #f6f8fa is the lightest one.

#020304
```
#020304 rgb(2,3,4)
```
#090c11
```
#090c11 rgb(9,12,17)
```
#0f151e
```
#0f151e rgb(15,21,30)
```
#161e2b
```
#161e2b rgb(22,30,43)
```
#1d2738
```
#1d2738 rgb(29,39,56)
```
#243045
```
#243045 rgb(36,48,69)
```
#2a3a51
```
#2a3a51 rgb(42,58,81)
```
#31435e
```
#31435e rgb(49,67,94)
```
#384c6b
```
#384c6b rgb(56,76,107)
```
#3e5578
```
#3e5578 rgb(62,85,120)
```
#455e85
```
#455e85 rgb(69,94,133)
```
#4c6792
```
#4c6792 rgb(76,103,146)
```
#52709f
```
#52709f rgb(82,112,159)
```

Shade Color Variation

#5b7aaa
```
#5b7aaa rgb(91,122,170)
```
#6884b1
```
#6884b1 rgb(104,132,177)
```
#758fb7
```
#758fb7 rgb(117,143,183)
```
#8299be
```
#8299be rgb(130,153,190)
```
#8fa4c5
```
#8fa4c5 rgb(143,164,197)
```
#9caecb
```
#9caecb rgb(156,174,203)
```
#a9b9d2
```
#a9b9d2 rgb(169,185,210)
```
#b5c3d9
```
#b5c3d9 rgb(181,195,217)
```
#c2cee0
```
#c2cee0 rgb(194,206,224)
```
#cfd8e6
```
#cfd8e6 rgb(207,216,230)
```
#dce3ed
```
#dce3ed rgb(220,227,237)
```
#e9edf4
```
#e9edf4 rgb(233,237,244)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

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

#818284
```
#818284 rgb(129,130,132)
```
#78808d
```
#78808d rgb(120,128,141)
```
#6e7e97
```
#6e7e97 rgb(110,126,151)
```
#657ca0
```
#657ca0 rgb(101,124,160)
```
#5b7aaa
```
#5b7aaa rgb(91,122,170)
```
#5178b4
```
#5178b4 rgb(81,120,180)
```
#4876bd
```
#4876bd rgb(72,118,189)
```
#3e74c7
```
#3e74c7 rgb(62,116,199)
```
#3572d0
```
#3572d0 rgb(53,114,208)
```
#2b70da
```
#2b70da rgb(43,112,218)
```
#226ee3
```
#226ee3 rgb(34,110,227)
```
#186ced
```
#186ced rgb(24,108,237)
```
#0e6af7
```
#0e6af7 rgb(14,106,247)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#717780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707eac Protanopia 1% of men
#6d7eaf Deuteranopia 1% of men
#588690 Tritanopia 0.001% of the population

Trichromacy

#687cab Protanomaly 1% of men, 0.01% of women
#667cad Deuteranomaly 6% of men, 0.4% of women
#598299 Tritanomaly 0.01% of the population

#5b7aaa hex color

#5b7aaa Color Information

#5b7aaa Color Conversion

Color Schemes with #5b7aaa

Alternatives to #5b7aaa

#5b7aaa Preview

Shades and Tints of #5b7aaa

Tones of #5b7aaa

Color Blindness Simulator