#5f97aa hex color

In a RGB color space, hex #5f97aa is composed of 37.3% red, 59.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 11.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 195.2 degrees, a saturation of 30.6% and a lightness of 52%. #5f97aa color hex could be obtained by blending #beffff with #002f55. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 59
- B 67
RGB color chart
- C 44
- M 11
- Y 0
- K 33
CMYK color chart

● #5f97aa color description : Mostly desaturated dark blue.

The hexadecimal color #5f97aa has RGB values of R:95, G:151, B:170 and CMYK values of C:0.44, M:0.11, Y:0, K:0.33. Its decimal value is 6264746.

Hex triplet	5f97aa	`#5f97aa`
RGB Decimal	95, 151, 170	`rgb(95,151,170)`
RGB Percent	37.3, 59.2, 66.7	`rgb(37.3%,59.2%,66.7%)`
CMYK	44, 11, 0, 33
HSL	195.2°, 30.6, 52	`hsl(195.2,30.6%,52%)`
HSV (or HSB)	195.2°, 44.1, 66.7
Web Safe	669999	`#669999`

CIE-LAB	59.404, -13.261, -15.714
XYZ	23.04, 27.467, 42.116
xyY	0.249, 0.297, 27.467
CIE-LCH	59.404, 20.562, 229.84
CIE-LUV	59.404, -26.008, -21.62
Hunter-Lab	52.409, -13.245, -10.959
Binary	01011111, 10010111, 10101010

#5f97aa
```
#5f97aa rgb(95,151,170)
```
#aa725f
```
#aa725f rgb(170,114,95)
```

Complementary Color

#5faa98
```
#5faa98 rgb(95,170,152)
```
#5f97aa
```
#5f97aa rgb(95,151,170)
```
#5f72aa
```
#5f72aa rgb(95,114,170)
```

Analogous Color

#aa985f
```
#aa985f rgb(170,152,95)
```
#5f97aa
```
#5f97aa rgb(95,151,170)
```
#aa5f72
```
#aa5f72 rgb(170,95,114)
```

Split Complementary Color

#97aa5f
```
#97aa5f rgb(151,170,95)
```
#5f97aa
```
#5f97aa rgb(95,151,170)
```
#aa5f97
```
#aa5f97 rgb(170,95,151)
```

Triadic Color

#5faa72
```
#5faa72 rgb(95,170,114)
```
#5f97aa
```
#5f97aa rgb(95,151,170)
```
#aa5f97
```
#aa5f97 rgb(170,95,151)
```
#aa725f
```
#aa725f rgb(170,114,95)
```

Tetradic Color

#416c7b
```
#416c7b rgb(65,108,123)
```
#4a7b8c
```
#4a7b8c rgb(74,123,140)
```
#538a9c
```
#538a9c rgb(83,138,156)
```
#5f97aa
```
#5f97aa rgb(95,151,170)
```
#70a2b3
```
#70a2b3 rgb(112,162,179)
```
#80adbc
```
#80adbc rgb(128,173,188)
```
#91b7c5
```
#91b7c5 rgb(145,183,197)
```

Monochromatic Color

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

#5faaaa
```
#5faaaa rgb(95,170,170)
```
#5fa4aa
```
#5fa4aa rgb(95,164,170)
```
#5f9daa
```
#5f9daa rgb(95,157,170)
```
#5f97aa
```
#5f97aa rgb(95,151,170)
```
#5f91aa
```
#5f91aa rgb(95,145,170)
```
#5f8baa
```
#5f8baa rgb(95,139,170)
```
#5f84aa
```
#5f84aa rgb(95,132,170)
```

Similar Colors

Text with hexadecimal color #5f97aa

This text has a font color of #5f97aa.

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

#5f97aa background color

This paragraph has a background color of #5f97aa.

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

#5f97aa border color

This element has a border color of #5f97aa.

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

CSS codes

.text {color:#5f97aa;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#0a1113
```
#0a1113 rgb(10,17,19)
```
#111c20
```
#111c20 rgb(17,28,32)
```
#18282d
```
#18282d rgb(24,40,45)
```
#1f333a
```
#1f333a rgb(31,51,58)
```
#253e47
```
#253e47 rgb(37,62,71)
```
#2c4953
```
#2c4953 rgb(44,73,83)
```
#335560
```
#335560 rgb(51,85,96)
```
#3a606d
```
#3a606d rgb(58,96,109)
```
#416b7a
```
#416b7a rgb(65,107,122)
```
#487787
```
#487787 rgb(72,119,135)
```
#4e8293
```
#4e8293 rgb(78,130,147)
```
#558da0
```
#558da0 rgb(85,141,160)
```

Shade Color Variation

#5f97aa
```
#5f97aa rgb(95,151,170)
```
#6c9fb1
```
#6c9fb1 rgb(108,159,177)
```
#79a8b8
```
#79a8b8 rgb(121,168,184)
```
#85b0be
```
#85b0be rgb(133,176,190)
```
#92b8c5
```
#92b8c5 rgb(146,184,197)
```
#9fc1cc
```
#9fc1cc rgb(159,193,204)
```
#acc9d3
```
#acc9d3 rgb(172,201,211)
```
#b9d1da
```
#b9d1da rgb(185,209,218)
```
#c5dae0
```
#c5dae0 rgb(197,218,224)
```
#d2e2e7
```
#d2e2e7 rgb(210,226,231)
```
#dfeaee
```
#dfeaee rgb(223,234,238)
```
#ecf3f5
```
#ecf3f5 rgb(236,243,245)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b898e is the less saturated color, while #0ac1ff is the most saturated one.

#7b898e
```
#7b898e rgb(123,137,142)
```
#728e97
```
#728e97 rgb(114,142,151)
```
#6892a1
```
#6892a1 rgb(104,146,161)
```
#5f97aa
```
#5f97aa rgb(95,151,170)
```
#569cb3
```
#569cb3 rgb(86,156,179)
```
#4ca0bd
```
#4ca0bd rgb(76,160,189)
```
#43a5c6
```
#43a5c6 rgb(67,165,198)
```
#39aad0
```
#39aad0 rgb(57,170,208)
```
#30aed9
```
#30aed9 rgb(48,174,217)
```
#26b3e3
```
#26b3e3 rgb(38,179,227)
```
#1db8ec
```
#1db8ec rgb(29,184,236)
```
#14bcf5
```
#14bcf5 rgb(20,188,245)
```
#0ac1ff
```
#0ac1ff rgb(10,193,255)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#808b8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9093a9 Protanopia 1% of men
#9391b2 Deuteranopia 1% of men
#659da8 Tritanopia 0.001% of the population

Trichromacy

#7e94a9 Protanomaly 1% of men, 0.01% of women
#8093af Deuteranomaly 6% of men, 0.4% of women
#639ba9 Tritanomaly 0.01% of the population

#5f97aa hex color

#5f97aa Color Information

#5f97aa Color Conversion

Color Schemes with #5f97aa

Alternatives to #5f97aa

#5f97aa Preview

Shades and Tints of #5f97aa

Tones of #5f97aa

Color Blindness Simulator