#5fa2bc hex color

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

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

● #5fa2bc color description : Slightly desaturated blue.

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

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

CIE-LAB	63.262, -14.127, -19.996
XYZ	26.714, 31.903, 52.324
xyY	0.241, 0.288, 31.903
CIE-LCH	63.262, 24.483, 234.758
CIE-LUV	63.262, -30.001, -28.589
Hunter-Lab	56.483, -14.42, -15.387
Binary	01011111, 10100010, 10111100

#5fa2bc
```
#5fa2bc rgb(95,162,188)
```
#bc795f
```
#bc795f rgb(188,121,95)
```

Complementary Color

#5fbca8
```
#5fbca8 rgb(95,188,168)
```
#5fa2bc
```
#5fa2bc rgb(95,162,188)
```
#5f74bc
```
#5f74bc rgb(95,116,188)
```

Analogous Color

#bca85f
```
#bca85f rgb(188,168,95)
```
#5fa2bc
```
#5fa2bc rgb(95,162,188)
```
#bc5f74
```
#bc5f74 rgb(188,95,116)
```

Split Complementary Color

#a2bc5f
```
#a2bc5f rgb(162,188,95)
```
#5fa2bc
```
#5fa2bc rgb(95,162,188)
```
#bc5fa2
```
#bc5fa2 rgb(188,95,162)
```

Triadic Color

#5fbc79
```
#5fbc79 rgb(95,188,121)
```
#5fa2bc
```
#5fa2bc rgb(95,162,188)
```
#bc5fa2
```
#bc5fa2 rgb(188,95,162)
```
#bc795f
```
#bc795f rgb(188,121,95)
```

Tetradic Color

#3d7a92
```
#3d7a92 rgb(61,122,146)
```
#4489a4
```
#4489a4 rgb(68,137,164)
```
#4d98b4
```
#4d98b4 rgb(77,152,180)
```
#5fa2bc
```
#5fa2bc rgb(95,162,188)
```
#71acc4
```
#71acc4 rgb(113,172,196)
```
#83b7cb
```
#83b7cb rgb(131,183,203)
```
#95c1d3
```
#95c1d3 rgb(149,193,211)
```

Monochromatic Color

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

#5fb9bc
```
#5fb9bc rgb(95,185,188)
```
#5fb2bc
```
#5fb2bc rgb(95,178,188)
```
#5faabc
```
#5faabc rgb(95,170,188)
```
#5fa2bc
```
#5fa2bc rgb(95,162,188)
```
#5f9abc
```
#5f9abc rgb(95,154,188)
```
#5f93bc
```
#5f93bc rgb(95,147,188)
```
#5f8bbc
```
#5f8bbc rgb(95,139,188)
```

Similar Colors

Text with hexadecimal color #5fa2bc

This text has a font color of #5fa2bc.

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

#5fa2bc background color

This paragraph has a background color of #5fa2bc.

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

#5fa2bc border color

This element has a border color of #5fa2bc.

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

CSS codes

.text {color:#5fa2bc;}

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

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

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)
```
#081114
```
#081114 rgb(8,17,20)
```
#0e1c22
```
#0e1c22 rgb(14,28,34)
```
#14282f
```
#14282f rgb(20,40,47)
```
#1a333d
```
#1a333d rgb(26,51,61)
```
#1f3f4b
```
#1f3f4b rgb(31,63,75)
```
#254a59
```
#254a59 rgb(37,74,89)
```
#2b5667
```
#2b5667 rgb(43,86,103)
```
#316275
```
#316275 rgb(49,98,117)
```
#376d82
```
#376d82 rgb(55,109,130)
```
#3c7990
```
#3c7990 rgb(60,121,144)
```
#42849e
```
#42849e rgb(66,132,158)
```
#4890ac
```
#4890ac rgb(72,144,172)
```

Shade Color Variation

#519ab6
```
#519ab6 rgb(81,154,182)
```
#5fa2bc
```
#5fa2bc rgb(95,162,188)
```
#6daac2
```
#6daac2 rgb(109,170,194)
```
#7bb2c8
```
#7bb2c8 rgb(123,178,200)
```
#88bacd
```
#88bacd rgb(136,186,205)
```
#96c2d3
```
#96c2d3 rgb(150,194,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 #22bdf9 is the most saturated one.

#8b8f90
```
#8b8f90 rgb(139,143,144)
```
#829399
```
#829399 rgb(130,147,153)
```
#7996a2
```
#7996a2 rgb(121,150,162)
```
#709aab
```
#709aab rgb(112,154,171)
```
#689eb3
```
#689eb3 rgb(104,158,179)
```
#5fa2bc
```
#5fa2bc rgb(95,162,188)
```
#56a6c5
```
#56a6c5 rgb(86,166,197)
```
#4eaacd
```
#4eaacd rgb(78,170,205)
```
#45aed6
```
#45aed6 rgb(69,174,214)
```
#3cb1df
```
#3cb1df rgb(60,177,223)
```
#33b5e8
```
#33b5e8 rgb(51,181,232)
```
#2bb9f0
```
#2bb9f0 rgb(43,185,240)
```
#22bdf9
```
#22bdf9 rgb(34,189,249)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#87949a Atypical Achromatopsia 0.001% of the population

Dichromacy

#989db9 Protanopia 1% of men
#989bc3 Deuteranopia 1% of men
#63a8b5 Tritanopia 0.001% of the population

Trichromacy

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

#5fa2bc hex color

#5fa2bc Color Information

#5fa2bc Color Conversion

Color Schemes with #5fa2bc

Alternatives to #5fa2bc

#5fa2bc Preview

Shades and Tints of #5fa2bc

Tones of #5fa2bc

Color Blindness Simulator