#5f9cba hex color

In a RGB color space, hex #5f9cba is composed of 37.3% red, 61.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 16.1% magenta, 0% yellow and 27.1% black. It has a hue angle of 199.8 degrees, a saturation of 39.7% and a lightness of 55.1%. #5f9cba color hex could be obtained by blending #beffff with #003975. Closest websafe color is: #6699cc.

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

● #5f9cba color description : Slightly desaturated blue.

The hexadecimal color #5f9cba has RGB values of R:95, G:156, B:186 and CMYK values of C:0.49, M:0.16, Y:0, K:0.27. Its decimal value is 6266042.

Hex triplet	5f9cba	`#5f9cba`
RGB Decimal	95, 156, 186	`rgb(95,156,186)`
RGB Percent	37.3, 61.2, 72.9	`rgb(37.3%,61.2%,72.9%)`
CMYK	49, 16, 0, 27
HSL	199.8°, 39.7, 55.1	`hsl(199.8,39.7%,55.1%)`
HSV (or HSB)	199.8°, 48.9, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.441, -11.449, -21.653
XYZ	25.469, 29.754, 50.853
xyY	0.24, 0.28, 29.754
CIE-LCH	61.441, 24.494, 242.132
CIE-LUV	61.441, -27.689, -31.49
Hunter-Lab	54.547, -12.113, -17.092
Binary	01011111, 10011100, 10111010

#5f9cba
```
#5f9cba rgb(95,156,186)
```
#ba7d5f
```
#ba7d5f rgb(186,125,95)
```

Complementary Color

#5fbaab
```
#5fbaab rgb(95,186,171)
```
#5f9cba
```
#5f9cba rgb(95,156,186)
```
#5f6fba
```
#5f6fba rgb(95,111,186)
```

Analogous Color

#baab5f
```
#baab5f rgb(186,171,95)
```
#5f9cba
```
#5f9cba rgb(95,156,186)
```
#ba5f6f
```
#ba5f6f rgb(186,95,111)
```

Split Complementary Color

#9cba5f
```
#9cba5f rgb(156,186,95)
```
#5f9cba
```
#5f9cba rgb(95,156,186)
```
#ba5f9c
```
#ba5f9c rgb(186,95,156)
```

Triadic Color

#5fba7d
```
#5fba7d rgb(95,186,125)
```
#5f9cba
```
#5f9cba rgb(95,156,186)
```
#ba5f9c
```
#ba5f9c rgb(186,95,156)
```
#ba7d5f
```
#ba7d5f rgb(186,125,95)
```

Tetradic Color

#3e748f
```
#3e748f rgb(62,116,143)
```
#4583a1
```
#4583a1 rgb(69,131,161)
```
#4d91b2
```
#4d91b2 rgb(77,145,178)
```
#5f9cba
```
#5f9cba rgb(95,156,186)
```
#71a7c2
```
#71a7c2 rgb(113,167,194)
```
#83b2c9
```
#83b2c9 rgb(131,178,201)
```
#94bdd1
```
#94bdd1 rgb(148,189,209)
```

Monochromatic Color

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

#5fb3ba
```
#5fb3ba rgb(95,179,186)
```
#5fabba
```
#5fabba rgb(95,171,186)
```
#5fa4ba
```
#5fa4ba rgb(95,164,186)
```
#5f9cba
```
#5f9cba rgb(95,156,186)
```
#5f94ba
```
#5f94ba rgb(95,148,186)
```
#5f8dba
```
#5f8dba rgb(95,141,186)
```
#5f85ba
```
#5f85ba rgb(95,133,186)
```

Similar Colors

Text with hexadecimal color #5f9cba

This text has a font color of #5f9cba.

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

#5f9cba background color

This paragraph has a background color of #5f9cba.

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

#5f9cba border color

This element has a border color of #5f9cba.

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

CSS codes

.text {color:#5f9cba;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#080f12
```
#080f12 rgb(8,15,18)
```
#0e1a20
```
#0e1a20 rgb(14,26,32)
```
#14252e
```
#14252e rgb(20,37,46)
```
#1a303b
```
#1a303b rgb(26,48,59)
```
#1f3b49
```
#1f3b49 rgb(31,59,73)
```
#254657
```
#254657 rgb(37,70,87)
```
#2b5264
```
#2b5264 rgb(43,82,100)
```
#315d72
```
#315d72 rgb(49,93,114)
```
#376880
```
#376880 rgb(55,104,128)
```
#3d738e
```
#3d738e rgb(61,115,142)
```
#437e9b
```
#437e9b rgb(67,126,155)
```
#4989a9
```
#4989a9 rgb(73,137,169)
```

Shade Color Variation

#5194b4
```
#5194b4 rgb(81,148,180)
```
#5f9cba
```
#5f9cba rgb(95,156,186)
```
#6da4c0
```
#6da4c0 rgb(109,164,192)
```
#7aadc6
```
#7aadc6 rgb(122,173,198)
```
#88b5cc
```
#88b5cc rgb(136,181,204)
```
#96bed2
```
#96bed2 rgb(150,190,210)
```
#a4c6d8
```
#a4c6d8 rgb(164,198,216)
```
#b1cfdd
```
#b1cfdd rgb(177,207,221)
```
#bfd7e3
```
#bfd7e3 rgb(191,215,227)
```
#cde0e9
```
#cde0e9 rgb(205,224,233)
```
#dae8ef
```
#dae8ef rgb(218,232,239)
```
#e8f1f5
```
#e8f1f5 rgb(232,241,245)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#8b8d8e
```
#8b8d8e rgb(139,141,142)
```
#829097
```
#829097 rgb(130,144,151)
```
#7993a0
```
#7993a0 rgb(121,147,160)
```
#7196a8
```
#7196a8 rgb(113,150,168)
```
#6899b1
```
#6899b1 rgb(104,153,177)
```
#5f9cba
```
#5f9cba rgb(95,156,186)
```
#569fc3
```
#569fc3 rgb(86,159,195)
```
#4da2cc
```
#4da2cc rgb(77,162,204)
```
#45a5d4
```
#45a5d4 rgb(69,165,212)
```
#3ca8dd
```
#3ca8dd rgb(60,168,221)
```
#33abe6
```
#33abe6 rgb(51,171,230)
```
#2aaeef
```
#2aaeef rgb(42,174,239)
```
#21b1f8
```
#21b1f8 rgb(33,177,248)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#849096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9298b8 Protanopia 1% of men
#9297c1 Deuteranopia 1% of men
#61a3af Tritanopia 0.001% of the population

Trichromacy

#7f99b8 Protanomaly 1% of men, 0.01% of women
#7f99be Deuteranomaly 6% of men, 0.4% of women
#60a0b3 Tritanomaly 0.01% of the population

#5f9cba hex color

#5f9cba Color Information

#5f9cba Color Conversion

Color Schemes with #5f9cba

Alternatives to #5f9cba

#5f9cba Preview

Shades and Tints of #5f9cba

Tones of #5f9cba

Color Blindness Simulator