#5b8aad hex color

In a RGB color space, hex #5b8aad is composed of 35.7% red, 54.1% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 20.2% magenta, 0% yellow and 32.2% black. It has a hue angle of 205.6 degrees, a saturation of 33.3% and a lightness of 51.8%. #5b8aad color hex could be obtained by blending #b6ffff with #00155b. Closest websafe color is: #669999.

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

● #5b8aad color description : Dark moderate blue.

The hexadecimal color #5b8aad has RGB values of R:91, G:138, B:173 and CMYK values of C:0.47, M:0.2, Y:0, K:0.32. Its decimal value is 5999277.

Hex triplet	5b8aad	`#5b8aad`
RGB Decimal	91, 138, 173	`rgb(91,138,173)`
RGB Percent	35.7, 54.1, 67.8	`rgb(35.7%,54.1%,67.8%)`
CMYK	47, 20, 0, 32
HSL	205.6°, 33.3, 51.8	`hsl(205.6,33.3%,51.8%)`
HSV (or HSB)	205.6°, 47.4, 67.8
Web Safe	669999	`#669999`

CIE-LAB	55.499, -6.185, -23.402
XYZ	20.944, 23.417, 42.949
xyY	0.24, 0.268, 23.417
CIE-LCH	55.499, 24.206, 255.195
CIE-LUV	55.499, -22.106, -34.422
Hunter-Lab	48.391, -7.429, -18.748
Binary	01011011, 10001010, 10101101

#5b8aad
```
#5b8aad rgb(91,138,173)
```
#ad7e5b
```
#ad7e5b rgb(173,126,91)
```

Complementary Color

#5bada7
```
#5bada7 rgb(91,173,167)
```
#5b8aad
```
#5b8aad rgb(91,138,173)
```
#5b61ad
```
#5b61ad rgb(91,97,173)
```

Analogous Color

#ada75b
```
#ada75b rgb(173,167,91)
```
#5b8aad
```
#5b8aad rgb(91,138,173)
```
#ad5b61
```
#ad5b61 rgb(173,91,97)
```

Split Complementary Color

#8aad5b
```
#8aad5b rgb(138,173,91)
```
#5b8aad
```
#5b8aad rgb(91,138,173)
```
#ad5b8a
```
#ad5b8a rgb(173,91,138)
```

Triadic Color

#5bad7e
```
#5bad7e rgb(91,173,126)
```
#5b8aad
```
#5b8aad rgb(91,138,173)
```
#ad5b8a
```
#ad5b8a rgb(173,91,138)
```
#ad7e5b
```
#ad7e5b rgb(173,126,91)
```

Tetradic Color

#3f627d
```
#3f627d rgb(63,98,125)
```
#47708e
```
#47708e rgb(71,112,142)
```
#507d9f
```
#507d9f rgb(80,125,159)
```
#5b8aad
```
#5b8aad rgb(91,138,173)
```
#6c96b6
```
#6c96b6 rgb(108,150,182)
```
#7da2be
```
#7da2be rgb(125,162,190)
```
#8eaec7
```
#8eaec7 rgb(142,174,199)
```

Monochromatic Color

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

#5b9fad
```
#5b9fad rgb(91,159,173)
```
#5b98ad
```
#5b98ad rgb(91,152,173)
```
#5b91ad
```
#5b91ad rgb(91,145,173)
```
#5b8aad
```
#5b8aad rgb(91,138,173)
```
#5b83ad
```
#5b83ad rgb(91,131,173)
```
#5b7cad
```
#5b7cad rgb(91,124,173)
```
#5b76ad
```
#5b76ad rgb(91,118,173)
```

Similar Colors

Text with hexadecimal color #5b8aad

This text has a font color of #5b8aad.

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

#5b8aad background color

This paragraph has a background color of #5b8aad.

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

#5b8aad border color

This element has a border color of #5b8aad.

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

CSS codes

.text {color:#5b8aad;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a0f13
```
#0a0f13 rgb(10,15,19)
```
#101920
```
#101920 rgb(16,25,32)
```
#17242d
```
#17242d rgb(23,36,45)
```
#1d2e3a
```
#1d2e3a rgb(29,46,58)
```
#243847
```
#243847 rgb(36,56,71)
```
#2a4254
```
#2a4254 rgb(42,66,84)
```
#314d62
```
#314d62 rgb(49,77,98)
```
#37576f
```
#37576f rgb(55,87,111)
```
#3e617c
```
#3e617c rgb(62,97,124)
```
#446c89
```
#446c89 rgb(68,108,137)
```
#4b7696
```
#4b7696 rgb(75,118,150)
```
#5180a3
```
#5180a3 rgb(81,128,163)
```

Shade Color Variation

#5b8aad
```
#5b8aad rgb(91,138,173)
```
#6893b4
```
#6893b4 rgb(104,147,180)
```
#759dba
```
#759dba rgb(117,157,186)
```
#82a6c1
```
#82a6c1 rgb(130,166,193)
```
#8fafc7
```
#8fafc7 rgb(143,175,199)
```
#9cb9ce
```
#9cb9ce rgb(156,185,206)
```
#a9c2d4
```
#a9c2d4 rgb(169,194,212)
```
#b7cbdb
```
#b7cbdb rgb(183,203,219)
```
#c4d5e1
```
#c4d5e1 rgb(196,213,225)
```
#d1dee8
```
#d1dee8 rgb(209,222,232)
```
#dee7ee
```
#dee7ee rgb(222,231,238)
```
#ebf1f5
```
#ebf1f5 rgb(235,241,245)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#818487
```
#818487 rgb(129,132,135)
```
#778691
```
#778691 rgb(119,134,145)
```
#6e879a
```
#6e879a rgb(110,135,154)
```
#6489a4
```
#6489a4 rgb(100,137,164)
```
#5b8aad
```
#5b8aad rgb(91,138,173)
```
#528bb6
```
#528bb6 rgb(82,139,182)
```
#488dc0
```
#488dc0 rgb(72,141,192)
```
#3f8ec9
```
#3f8ec9 rgb(63,142,201)
```
#3590d3
```
#3590d3 rgb(53,144,211)
```
#2c91dc
```
#2c91dc rgb(44,145,220)
```
#2292e6
```
#2292e6 rgb(34,146,230)
```
#1994ef
```
#1994ef rgb(25,148,239)
```
#0f95f9
```
#0f95f9 rgb(15,149,249)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#798289 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8189ad Protanopia 1% of men
#8089b3 Deuteranopia 1% of men
#5c939e Tritanopia 0.001% of the population

Trichromacy

#7389ad Protanomaly 1% of men, 0.01% of women
#7289b1 Deuteranomaly 6% of men, 0.4% of women
#5b90a3 Tritanomaly 0.01% of the population

#5b8aad hex color

#5b8aad Color Information

#5b8aad Color Conversion

Color Schemes with #5b8aad

Alternatives to #5b8aad

#5b8aad Preview

Shades and Tints of #5b8aad

Tones of #5b8aad

Color Blindness Simulator