#5b8f9d hex color

In a RGB color space, hex #5b8f9d is composed of 35.7% red, 56.1% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 8.9% magenta, 0% yellow and 38.4% black. It has a hue angle of 192.7 degrees, a saturation of 26.6% and a lightness of 48.6%. #5b8f9d color hex could be obtained by blending #b6ffff with #001f3b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 56
- B 62
RGB color chart
- C 42
- M 9
- Y 0
- K 38
CMYK color chart

● #5b8f9d color description : Mostly desaturated dark cyan.

The hexadecimal color #5b8f9d has RGB values of R:91, G:143, B:157 and CMYK values of C:0.42, M:0.09, Y:0, K:0.38. Its decimal value is 6000541.

Hex triplet	5b8f9d	`#5b8f9d`
RGB Decimal	91, 143, 157	`rgb(91,143,157)`
RGB Percent	35.7, 56.1, 61.6	`rgb(35.7%,56.1%,61.6%)`
CMYK	42, 9, 0, 38
HSL	192.7°, 26.6, 48.6	`hsl(192.7,26.6%,48.6%)`
HSV (or HSB)	192.7°, 42, 61.6
Web Safe	669999	`#669999`

CIE-LAB	56.389, -13.536, -12.872
XYZ	20.221, 24.302, 35.522
xyY	0.253, 0.304, 24.302
CIE-LCH	56.389, 18.679, 223.561
CIE-LUV	56.389, -24.347, -16.983
Hunter-Lab	49.297, -13.052, -8.214
Binary	01011011, 10001111, 10011101

#5b8f9d
```
#5b8f9d rgb(91,143,157)
```
#9d695b
```
#9d695b rgb(157,105,91)
```

Complementary Color

#5b9d8a
```
#5b9d8a rgb(91,157,138)
```
#5b8f9d
```
#5b8f9d rgb(91,143,157)
```
#5b6e9d
```
#5b6e9d rgb(91,110,157)
```

Analogous Color

#9d8a5b
```
#9d8a5b rgb(157,138,91)
```
#5b8f9d
```
#5b8f9d rgb(91,143,157)
```
#9d5b6e
```
#9d5b6e rgb(157,91,110)
```

Split Complementary Color

#8f9d5b
```
#8f9d5b rgb(143,157,91)
```
#5b8f9d
```
#5b8f9d rgb(91,143,157)
```
#9d5b8f
```
#9d5b8f rgb(157,91,143)
```

Triadic Color

#5b9d69
```
#5b9d69 rgb(91,157,105)
```
#5b8f9d
```
#5b8f9d rgb(91,143,157)
```
#9d5b8f
```
#9d5b8f rgb(157,91,143)
```
#9d695b
```
#9d695b rgb(157,105,91)
```

Tetradic Color

#3f636d
```
#3f636d rgb(63,99,109)
```
#48727d
```
#48727d rgb(72,114,125)
```
#52808d
```
#52808d rgb(82,128,141)
```
#5b8f9d
```
#5b8f9d rgb(91,143,157)
```
#699ba8
```
#699ba8 rgb(105,155,168)
```
#79a6b2
```
#79a6b2 rgb(121,166,178)
```
#8ab0bb
```
#8ab0bb rgb(138,176,187)
```

Monochromatic Color

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

#5b9d9b
```
#5b9d9b rgb(91,157,155)
```
#5b9a9d
```
#5b9a9d rgb(91,154,157)
```
#5b959d
```
#5b959d rgb(91,149,157)
```
#5b8f9d
```
#5b8f9d rgb(91,143,157)
```
#5b8a9d
```
#5b8a9d rgb(91,138,157)
```
#5b849d
```
#5b849d rgb(91,132,157)
```
#5b7f9d
```
#5b7f9d rgb(91,127,157)
```

Similar Colors

Text with hexadecimal color #5b8f9d

This text has a font color of #5b8f9d.

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

#5b8f9d background color

This paragraph has a background color of #5b8f9d.

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

#5b8f9d border color

This element has a border color of #5b8f9d.

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

CSS codes

.text {color:#5b8f9d;}

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

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0c1314
```
#0c1314 rgb(12,19,20)
```
#131e21
```
#131e21 rgb(19,30,33)
```
#1a292d
```
#1a292d rgb(26,41,45)
```
#21353a
```
#21353a rgb(33,53,58)
```
#294046
```
#294046 rgb(41,64,70)
```
#304b52
```
#304b52 rgb(48,75,82)
```
#37565f
```
#37565f rgb(55,86,95)
```
#3e626b
```
#3e626b rgb(62,98,107)
```
#456d78
```
#456d78 rgb(69,109,120)
```
#4d7884
```
#4d7884 rgb(77,120,132)
```
#548491
```
#548491 rgb(84,132,145)
```
#5b8f9d
```
#5b8f9d rgb(91,143,157)
```

Shade Color Variation

#6698a6
```
#6698a6 rgb(102,152,166)
```
#72a1ad
```
#72a1ad rgb(114,161,173)
```
#7ea9b4
```
#7ea9b4 rgb(126,169,180)
```
#8bb1bc
```
#8bb1bc rgb(139,177,188)
```
#97bac3
```
#97bac3 rgb(151,186,195)
```
#a4c2ca
```
#a4c2ca rgb(164,194,202)
```
#b0cad1
```
#b0cad1 rgb(176,202,209)
```
#bcd3d8
```
#bcd3d8 rgb(188,211,216)
```
#c9dbe0
```
#c9dbe0 rgb(201,219,224)
```
#d5e3e7
```
#d5e3e7 rgb(213,227,231)
```
#e2ebee
```
#e2ebee rgb(226,235,238)
```
#eef4f5
```
#eef4f5 rgb(238,244,245)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787f80 is the less saturated color, while #05c0f3 is the most saturated one.

#787f80
```
#787f80 rgb(120,127,128)
```
#6e848a
```
#6e848a rgb(110,132,138)
```
#658a93
```
#658a93 rgb(101,138,147)
```
#5b8f9d
```
#5b8f9d rgb(91,143,157)
```
#5194a7
```
#5194a7 rgb(81,148,167)
```
#489ab0
```
#489ab0 rgb(72,154,176)
```
#3e9fba
```
#3e9fba rgb(62,159,186)
```
#35a5c3
```
#35a5c3 rgb(53,165,195)
```
#2baacd
```
#2baacd rgb(43,170,205)
```
#22b0d6
```
#22b0d6 rgb(34,176,214)
```
#18b5e0
```
#18b5e0 rgb(24,181,224)
```
#0fbbe9
```
#0fbbe9 rgb(15,187,233)
```
#05c0f3
```
#05c0f3 rgb(5,192,243)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#798487 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8c9d Protanopia 1% of men
#8d8aa5 Deuteranopia 1% of men
#6295a0 Tritanopia 0.001% of the population

Trichromacy

#798d9d Protanomaly 1% of men, 0.01% of women
#7b8ca2 Deuteranomaly 6% of men, 0.4% of women
#5f929e Tritanomaly 0.01% of the population

#5b8f9d hex color

#5b8f9d Color Information

#5b8f9d Color Conversion

Color Schemes with #5b8f9d

Alternatives to #5b8f9d

#5b8f9d Preview

Shades and Tints of #5b8f9d

Tones of #5b8f9d

Color Blindness Simulator