#5f9dbb hex color

In a RGB color space, hex #5f9dbb is composed of 37.3% red, 61.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 16% magenta, 0% yellow and 26.7% black. It has a hue angle of 199.6 degrees, a saturation of 40.4% and a lightness of 55.3%. #5f9dbb color hex could be obtained by blending #beffff with #003b77. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 62
- B 73
RGB color chart
- C 49
- M 16
- Y 0
- K 27
CMYK color chart

● #5f9dbb color description : Slightly desaturated blue.

The hexadecimal color #5f9dbb has RGB values of R:95, G:157, B:187 and CMYK values of C:0.49, M:0.16, Y:0, K:0.27. Its decimal value is 6266299.

Hex triplet	5f9dbb	`#5f9dbb`
RGB Decimal	95, 157, 187	`rgb(95,157,187)`
RGB Percent	37.3, 61.6, 73.3	`rgb(37.3%,61.6%,73.3%)`
CMYK	49, 16, 0, 27
HSL	199.6°, 40.4, 55.3	`hsl(199.6,40.4%,55.3%)`
HSV (or HSB)	199.6°, 49.2, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.769, -11.706, -21.714
XYZ	25.744, 30.133, 51.471
xyY	0.24, 0.281, 30.133
CIE-LCH	61.769, 24.669, 241.671
CIE-LUV	61.769, -28.06, -31.581
Hunter-Lab	54.894, -12.352, -17.167
Binary	01011111, 10011101, 10111011

#5f9dbb
```
#5f9dbb rgb(95,157,187)
```
#bb7d5f
```
#bb7d5f rgb(187,125,95)
```

Complementary Color

#5fbbab
```
#5fbbab rgb(95,187,171)
```
#5f9dbb
```
#5f9dbb rgb(95,157,187)
```
#5f6fbb
```
#5f6fbb rgb(95,111,187)
```

Analogous Color

#bbab5f
```
#bbab5f rgb(187,171,95)
```
#5f9dbb
```
#5f9dbb rgb(95,157,187)
```
#bb5f6f
```
#bb5f6f rgb(187,95,111)
```

Split Complementary Color

#9dbb5f
```
#9dbb5f rgb(157,187,95)
```
#5f9dbb
```
#5f9dbb rgb(95,157,187)
```
#bb5f9d
```
#bb5f9d rgb(187,95,157)
```

Triadic Color

#5fbb7d
```
#5fbb7d rgb(95,187,125)
```
#5f9dbb
```
#5f9dbb rgb(95,157,187)
```
#bb5f9d
```
#bb5f9d rgb(187,95,157)
```
#bb7d5f
```
#bb7d5f rgb(187,125,95)
```

Tetradic Color

#3d7590
```
#3d7590 rgb(61,117,144)
```
#4584a2
```
#4584a2 rgb(69,132,162)
```
#4d92b3
```
#4d92b3 rgb(77,146,179)
```
#5f9dbb
```
#5f9dbb rgb(95,157,187)
```
#71a8c3
```
#71a8c3 rgb(113,168,195)
```
#83b3ca
```
#83b3ca rgb(131,179,202)
```
#95bed2
```
#95bed2 rgb(149,190,210)
```

Monochromatic Color

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

#5fb4bb
```
#5fb4bb rgb(95,180,187)
```
#5facbb
```
#5facbb rgb(95,172,187)
```
#5fa5bb
```
#5fa5bb rgb(95,165,187)
```
#5f9dbb
```
#5f9dbb rgb(95,157,187)
```
#5f95bb
```
#5f95bb rgb(95,149,187)
```
#5f8ebb
```
#5f8ebb rgb(95,142,187)
```
#5f86bb
```
#5f86bb rgb(95,134,187)
```

Similar Colors

Text with hexadecimal color #5f9dbb

This text has a font color of #5f9dbb.

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

#5f9dbb background color

This paragraph has a background color of #5f9dbb.

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

#5f9dbb border color

This element has a border color of #5f9dbb.

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

CSS codes

.text {color:#5f9dbb;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080f13
```
#080f13 rgb(8,15,19)
```
#0e1b21
```
#0e1b21 rgb(14,27,33)
```
#14262e
```
#14262e rgb(20,38,46)
```
#1a313c
```
#1a313c rgb(26,49,60)
```
#1f3c4a
```
#1f3c4a rgb(31,60,74)
```
#254758
```
#254758 rgb(37,71,88)
```
#2b5366
```
#2b5366 rgb(43,83,102)
```
#315e73
```
#315e73 rgb(49,94,115)
```
#376981
```
#376981 rgb(55,105,129)
```
#3d748f
```
#3d748f rgb(61,116,143)
```
#437f9d
```
#437f9d rgb(67,127,157)
```
#488aaa
```
#488aaa rgb(72,138,170)
```

Shade Color Variation

#5195b5
```
#5195b5 rgb(81,149,181)
```
#5f9dbb
```
#5f9dbb rgb(95,157,187)
```
#6da5c1
```
#6da5c1 rgb(109,165,193)
```
#7baec7
```
#7baec7 rgb(123,174,199)
```
#88b6cd
```
#88b6cd rgb(136,182,205)
```
#96bfd2
```
#96bfd2 rgb(150,191,210)
```
#a4c7d8
```
#a4c7d8 rgb(164,199,216)
```
#b2d0de
```
#b2d0de rgb(178,208,222)
```
#bfd8e4
```
#bfd8e4 rgb(191,216,228)
```
#cde0ea
```
#cde0ea rgb(205,224,234)
```
#dbe9f0
```
#dbe9f0 rgb(219,233,240)
```
#e9f1f6
```
#e9f1f6 rgb(233,241,246)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8e8f is the less saturated color, while #22b2f8 is the most saturated one.

#8b8e8f
```
#8b8e8f rgb(139,142,143)
```
#829198
```
#829198 rgb(130,145,152)
```
#7994a1
```
#7994a1 rgb(121,148,161)
```
#7197a9
```
#7197a9 rgb(113,151,169)
```
#689ab2
```
#689ab2 rgb(104,154,178)
```
#5f9dbb
```
#5f9dbb rgb(95,157,187)
```
#56a0c4
```
#56a0c4 rgb(86,160,196)
```
#4da3cd
```
#4da3cd rgb(77,163,205)
```
#45a6d5
```
#45a6d5 rgb(69,166,213)
```
#3ca9de
```
#3ca9de rgb(60,169,222)
```
#33ace7
```
#33ace7 rgb(51,172,231)
```
#2aaff0
```
#2aaff0 rgb(42,175,240)
```
#22b2f8
```
#22b2f8 rgb(34,178,248)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#859197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9399b9 Protanopia 1% of men
#9298c2 Deuteranopia 1% of men
#61a4b0 Tritanopia 0.001% of the population

Trichromacy

#809ab9 Protanomaly 1% of men, 0.01% of women
#8099bf Deuteranomaly 6% of men, 0.4% of women
#60a1b4 Tritanomaly 0.01% of the population

#5f9dbb hex color

#5f9dbb Color Information

#5f9dbb Color Conversion

Color Schemes with #5f9dbb

Alternatives to #5f9dbb

#5f9dbb Preview

Shades and Tints of #5f9dbb

Tones of #5f9dbb

Color Blindness Simulator