#5b8aa8 hex color

In a RGB color space, hex #5b8aa8 is composed of 35.7% red, 54.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 17.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 203.4 degrees, a saturation of 30.7% and a lightness of 50.8%. #5b8aa8 color hex could be obtained by blending #b6ffff with #001551. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 54
- B 66
RGB color chart
- C 46
- M 18
- Y 0
- K 34
CMYK color chart

● #5b8aa8 color description : Dark moderate blue.

The hexadecimal color #5b8aa8 has RGB values of R:91, G:138, B:168 and CMYK values of C:0.46, M:0.18, Y:0, K:0.34. Its decimal value is 5999272.

Hex triplet	5b8aa8	`#5b8aa8`
RGB Decimal	91, 138, 168	`rgb(91,138,168)`
RGB Percent	35.7, 54.1, 65.9	`rgb(35.7%,54.1%,65.9%)`
CMYK	46, 18, 0, 34
HSL	203.4°, 30.7, 50.8	`hsl(203.4,30.7%,50.8%)`
HSV (or HSB)	203.4°, 45.8, 65.9
Web Safe	669999	`#669999`

CIE-LAB	55.306, -7.65, -20.832
XYZ	20.469, 23.227, 40.448
xyY	0.243, 0.276, 23.227
CIE-LCH	55.306, 22.192, 249.837
CIE-LUV	55.306, -22.16, -30.13
Hunter-Lab	48.195, -8.529, -16.024
Binary	01011011, 10001010, 10101000

#5b8aa8
```
#5b8aa8 rgb(91,138,168)
```
#a8795b
```
#a8795b rgb(168,121,91)
```

Complementary Color

#5ba8a0
```
#5ba8a0 rgb(91,168,160)
```
#5b8aa8
```
#5b8aa8 rgb(91,138,168)
```
#5b64a8
```
#5b64a8 rgb(91,100,168)
```

Analogous Color

#a8a05b
```
#a8a05b rgb(168,160,91)
```
#5b8aa8
```
#5b8aa8 rgb(91,138,168)
```
#a85b64
```
#a85b64 rgb(168,91,100)
```

Split Complementary Color

#8aa85b
```
#8aa85b rgb(138,168,91)
```
#5b8aa8
```
#5b8aa8 rgb(91,138,168)
```
#a85b8a
```
#a85b8a rgb(168,91,138)
```

Triadic Color

#5ba879
```
#5ba879 rgb(91,168,121)
```
#5b8aa8
```
#5b8aa8 rgb(91,138,168)
```
#a85b8a
```
#a85b8a rgb(168,91,138)
```
#a8795b
```
#a8795b rgb(168,121,91)
```

Tetradic Color

#3f6177
```
#3f6177 rgb(63,97,119)
```
#486f88
```
#486f88 rgb(72,111,136)
```
#517d99
```
#517d99 rgb(81,125,153)
```
#5b8aa8
```
#5b8aa8 rgb(91,138,168)
```
#6c96b1
```
#6c96b1 rgb(108,150,177)
```
#7ca2ba
```
#7ca2ba rgb(124,162,186)
```
#8daec3
```
#8daec3 rgb(141,174,195)
```

Monochromatic Color

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

#5b9da8
```
#5b9da8 rgb(91,157,168)
```
#5b97a8
```
#5b97a8 rgb(91,151,168)
```
#5b90a8
```
#5b90a8 rgb(91,144,168)
```
#5b8aa8
```
#5b8aa8 rgb(91,138,168)
```
#5b84a8
```
#5b84a8 rgb(91,132,168)
```
#5b7da8
```
#5b7da8 rgb(91,125,168)
```
#5b77a8
```
#5b77a8 rgb(91,119,168)
```

Similar Colors

Text with hexadecimal color #5b8aa8

This text has a font color of #5b8aa8.

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

#5b8aa8 background color

This paragraph has a background color of #5b8aa8.

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

#5b8aa8 border color

This element has a border color of #5b8aa8.

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

CSS codes

.text {color:#5b8aa8;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#080d0f
```
#080d0f rgb(8,13,15)
```
#0f171c
```
#0f171c rgb(15,23,28)
```
#162229
```
#162229 rgb(22,34,41)
```
#1d2c36
```
#1d2c36 rgb(29,44,54)
```
#233643
```
#233643 rgb(35,54,67)
```
#2a4150
```
#2a4150 rgb(42,65,80)
```
#314b5c
```
#314b5c rgb(49,75,92)
```
#385669
```
#385669 rgb(56,86,105)
```
#3f6076
```
#3f6076 rgb(63,96,118)
```
#456b83
```
#456b83 rgb(69,107,131)
```
#4c7590
```
#4c7590 rgb(76,117,144)
```
#53809c
```
#53809c rgb(83,128,156)
```

Shade Color Variation

#5b8aa8
```
#5b8aa8 rgb(91,138,168)
```
#6893af
```
#6893af rgb(104,147,175)
```
#759cb6
```
#759cb6 rgb(117,156,182)
```
#81a5bc
```
#81a5bc rgb(129,165,188)
```
#8eafc3
```
#8eafc3 rgb(142,175,195)
```
#9bb8ca
```
#9bb8ca rgb(155,184,202)
```
#a8c1d1
```
#a8c1d1 rgb(168,193,209)
```
#b5cad8
```
#b5cad8 rgb(181,202,216)
```
#c2d3de
```
#c2d3de rgb(194,211,222)
```
#cedce5
```
#cedce5 rgb(206,220,229)
```
#dbe5ec
```
#dbe5ec rgb(219,229,236)
```
#e8eff3
```
#e8eff3 rgb(232,239,243)
```
#f5f8fa
```
#f5f8fa rgb(245,248,250)
```

Tint Color Variation

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

#78848b
```
#78848b rgb(120,132,139)
```
#6e8695
```
#6e8695 rgb(110,134,149)
```
#65889e
```
#65889e rgb(101,136,158)
```
#5b8aa8
```
#5b8aa8 rgb(91,138,168)
```
#518cb2
```
#518cb2 rgb(81,140,178)
```
#488ebb
```
#488ebb rgb(72,142,187)
```
#3e90c5
```
#3e90c5 rgb(62,144,197)
```
#3493cf
```
#3493cf rgb(52,147,207)
```
#2b95d8
```
#2b95d8 rgb(43,149,216)
```
#2197e2
```
#2197e2 rgb(33,151,226)
```
#1799ec
```
#1799ec rgb(23,153,236)
```
#0e9bf5
```
#0e9bf5 rgb(14,155,245)
```
#049dff
```
#049dff rgb(4,157,255)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#788187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8389a8 Protanopia 1% of men
#8388af Deuteranopia 1% of men
#5d929d Tritanopia 0.001% of the population

Trichromacy

#7489a8 Protanomaly 1% of men, 0.01% of women
#7489ac Deuteranomaly 6% of men, 0.4% of women
#5c8fa1 Tritanomaly 0.01% of the population

#5b8aa8 hex color

#5b8aa8 Color Information

#5b8aa8 Color Conversion

Color Schemes with #5b8aa8

Alternatives to #5b8aa8

#5b8aa8 Preview

Shades and Tints of #5b8aa8

Tones of #5b8aa8

Color Blindness Simulator