#5fa1bc hex color

In a RGB color space, hex #5fa1bc is composed of 37.3% red, 63.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 14.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 197.4 degrees, a saturation of 41% and a lightness of 55.5%. #5fa1bc color hex could be obtained by blending #beffff with #004379. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 63
- B 74
RGB color chart
- C 49
- M 14
- Y 0
- K 26
CMYK color chart

● #5fa1bc color description : Slightly desaturated blue.

The hexadecimal color #5fa1bc has RGB values of R:95, G:161, B:188 and CMYK values of C:0.49, M:0.14, Y:0, K:0.26. Its decimal value is 6267324.

Hex triplet	5fa1bc	`#5fa1bc`
RGB Decimal	95, 161, 188	`rgb(95,161,188)`
RGB Percent	37.3, 63.1, 73.7	`rgb(37.3%,63.1%,73.7%)`
CMYK	49, 14, 0, 26
HSL	197.4°, 41, 55.5	`hsl(197.4,41%,55.5%)`
HSV (or HSB)	197.4°, 49.5, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.971, -13.589, -20.44
XYZ	26.539, 31.552, 52.266
xyY	0.24, 0.286, 31.552
CIE-LCH	62.971, 24.545, 236.384
CIE-LUV	62.971, -29.608, -29.36
Hunter-Lab	56.171, -13.964, -15.848
Binary	01011111, 10100001, 10111100

#5fa1bc
```
#5fa1bc rgb(95,161,188)
```
#bc7a5f
```
#bc7a5f rgb(188,122,95)
```

Complementary Color

#5fbca9
```
#5fbca9 rgb(95,188,169)
```
#5fa1bc
```
#5fa1bc rgb(95,161,188)
```
#5f73bc
```
#5f73bc rgb(95,115,188)
```

Analogous Color

#bca95f
```
#bca95f rgb(188,169,95)
```
#5fa1bc
```
#5fa1bc rgb(95,161,188)
```
#bc5f73
```
#bc5f73 rgb(188,95,115)
```

Split Complementary Color

#a1bc5f
```
#a1bc5f rgb(161,188,95)
```
#5fa1bc
```
#5fa1bc rgb(95,161,188)
```
#bc5fa1
```
#bc5fa1 rgb(188,95,161)
```

Triadic Color

#5fbc7a
```
#5fbc7a rgb(95,188,122)
```
#5fa1bc
```
#5fa1bc rgb(95,161,188)
```
#bc5fa1
```
#bc5fa1 rgb(188,95,161)
```
#bc7a5f
```
#bc7a5f rgb(188,122,95)
```

Tetradic Color

#3d7992
```
#3d7992 rgb(61,121,146)
```
#4488a4
```
#4488a4 rgb(68,136,164)
```
#4d96b4
```
#4d96b4 rgb(77,150,180)
```
#5fa1bc
```
#5fa1bc rgb(95,161,188)
```
#71acc4
```
#71acc4 rgb(113,172,196)
```
#83b6cb
```
#83b6cb rgb(131,182,203)
```
#95c1d3
```
#95c1d3 rgb(149,193,211)
```

Monochromatic Color

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

#5fb8bc
```
#5fb8bc rgb(95,184,188)
```
#5fb1bc
```
#5fb1bc rgb(95,177,188)
```
#5fa9bc
```
#5fa9bc rgb(95,169,188)
```
#5fa1bc
```
#5fa1bc rgb(95,161,188)
```
#5f99bc
```
#5f99bc rgb(95,153,188)
```
#5f92bc
```
#5f92bc rgb(95,146,188)
```
#5f8abc
```
#5f8abc rgb(95,138,188)
```

Similar Colors

Text with hexadecimal color #5fa1bc

This text has a font color of #5fa1bc.

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

#5fa1bc background color

This paragraph has a background color of #5fa1bc.

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

#5fa1bc border color

This element has a border color of #5fa1bc.

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

CSS codes

.text {color:#5fa1bc;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#081014
```
#081014 rgb(8,16,20)
```
#0e1c22
```
#0e1c22 rgb(14,28,34)
```
#14272f
```
#14272f rgb(20,39,47)
```
#1a333d
```
#1a333d rgb(26,51,61)
```
#1f3e4b
```
#1f3e4b rgb(31,62,75)
```
#254a59
```
#254a59 rgb(37,74,89)
```
#2b5567
```
#2b5567 rgb(43,85,103)
```
#316175
```
#316175 rgb(49,97,117)
```
#376c82
```
#376c82 rgb(55,108,130)
```
#3c7890
```
#3c7890 rgb(60,120,144)
```
#42839e
```
#42839e rgb(66,131,158)
```
#488fac
```
#488fac rgb(72,143,172)
```

Shade Color Variation

#5199b6
```
#5199b6 rgb(81,153,182)
```
#5fa1bc
```
#5fa1bc rgb(95,161,188)
```
#6da9c2
```
#6da9c2 rgb(109,169,194)
```
#7bb1c8
```
#7bb1c8 rgb(123,177,200)
```
#88b9cd
```
#88b9cd rgb(136,185,205)
```
#96c1d3
```
#96c1d3 rgb(150,193,211)
```
#a4cad9
```
#a4cad9 rgb(164,202,217)
```
#b2d2df
```
#b2d2df rgb(178,210,223)
```
#c0dae5
```
#c0dae5 rgb(192,218,229)
```
#cee2ea
```
#cee2ea rgb(206,226,234)
```
#dbeaf0
```
#dbeaf0 rgb(219,234,240)
```
#e9f2f6
```
#e9f2f6 rgb(233,242,246)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#8b8f90
```
#8b8f90 rgb(139,143,144)
```
#829299
```
#829299 rgb(130,146,153)
```
#7996a2
```
#7996a2 rgb(121,150,162)
```
#709aab
```
#709aab rgb(112,154,171)
```
#689db3
```
#689db3 rgb(104,157,179)
```
#5fa1bc
```
#5fa1bc rgb(95,161,188)
```
#56a5c5
```
#56a5c5 rgb(86,165,197)
```
#4ea8cd
```
#4ea8cd rgb(78,168,205)
```
#45acd6
```
#45acd6 rgb(69,172,214)
```
#3cb0df
```
#3cb0df rgb(60,176,223)
```
#33b3e8
```
#33b3e8 rgb(51,179,232)
```
#2bb7f0
```
#2bb7f0 rgb(43,183,240)
```
#22bbf9
```
#22bbf9 rgb(34,187,249)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#869399 Atypical Achromatopsia 0.001% of the population

Dichromacy

#979cb9 Protanopia 1% of men
#979ac3 Deuteranopia 1% of men
#62a7b4 Tritanopia 0.001% of the population

Trichromacy

#829eba Protanomaly 1% of men, 0.01% of women
#829dc0 Deuteranomaly 6% of men, 0.4% of women
#61a5b7 Tritanomaly 0.01% of the population

#5fa1bc hex color

#5fa1bc Color Information

#5fa1bc Color Conversion

Color Schemes with #5fa1bc

Alternatives to #5fa1bc

#5fa1bc Preview

Shades and Tints of #5fa1bc

Tones of #5fa1bc

Color Blindness Simulator