#5f97ac hex color

In a RGB color space, hex #5f97ac is composed of 37.3% red, 59.2% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 12.2% magenta, 0% yellow and 32.5% black. It has a hue angle of 196.4 degrees, a saturation of 31.7% and a lightness of 52.4%. #5f97ac color hex could be obtained by blending #beffff with #002f59. Closest websafe color is: #669999.

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

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

The hexadecimal color #5f97ac has RGB values of R:95, G:151, B:172 and CMYK values of C:0.45, M:0.12, Y:0, K:0.33. Its decimal value is 6264748.

Hex triplet	5f97ac	`#5f97ac`
RGB Decimal	95, 151, 172	`rgb(95,151,172)`
RGB Percent	37.3, 59.2, 67.5	`rgb(37.3%,59.2%,67.5%)`
CMYK	45, 12, 0, 33
HSL	196.4°, 31.7, 52.4	`hsl(196.4,31.7%,52.4%)`
HSV (or HSB)	196.4°, 44.8, 67.5
Web Safe	669999	`#669999`

CIE-LAB	59.474, -12.704, -16.743
XYZ	23.23, 27.543, 43.12
xyY	0.247, 0.293, 27.543
CIE-LCH	59.474, 21.017, 232.811
CIE-LUV	59.474, -25.972, -23.323
Hunter-Lab	52.482, -12.832, -11.976
Binary	01011111, 10010111, 10101100

#5f97ac
```
#5f97ac rgb(95,151,172)
```
#ac745f
```
#ac745f rgb(172,116,95)
```

Complementary Color

#5fac9b
```
#5fac9b rgb(95,172,155)
```
#5f97ac
```
#5f97ac rgb(95,151,172)
```
#5f71ac
```
#5f71ac rgb(95,113,172)
```

Analogous Color

#ac9b5f
```
#ac9b5f rgb(172,155,95)
```
#5f97ac
```
#5f97ac rgb(95,151,172)
```
#ac5f71
```
#ac5f71 rgb(172,95,113)
```

Split Complementary Color

#97ac5f
```
#97ac5f rgb(151,172,95)
```
#5f97ac
```
#5f97ac rgb(95,151,172)
```
#ac5f97
```
#ac5f97 rgb(172,95,151)
```

Triadic Color

#5fac74
```
#5fac74 rgb(95,172,116)
```
#5f97ac
```
#5f97ac rgb(95,151,172)
```
#ac5f97
```
#ac5f97 rgb(172,95,151)
```
#ac745f
```
#ac745f rgb(172,116,95)
```

Tetradic Color

#416d7d
```
#416d7d rgb(65,109,125)
```
#4a7c8e
```
#4a7c8e rgb(74,124,142)
```
#528a9f
```
#528a9f rgb(82,138,159)
```
#5f97ac
```
#5f97ac rgb(95,151,172)
```
#70a2b5
```
#70a2b5 rgb(112,162,181)
```
#81adbd
```
#81adbd rgb(129,173,189)
```
#91b8c6
```
#91b8c6 rgb(145,184,198)
```

Monochromatic Color

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

#5faaac
```
#5faaac rgb(95,170,172)
```
#5fa4ac
```
#5fa4ac rgb(95,164,172)
```
#5f9dac
```
#5f9dac rgb(95,157,172)
```
#5f97ac
```
#5f97ac rgb(95,151,172)
```
#5f91ac
```
#5f91ac rgb(95,145,172)
```
#5f8aac
```
#5f8aac rgb(95,138,172)
```
#5f84ac
```
#5f84ac rgb(95,132,172)
```

Similar Colors

Text with hexadecimal color #5f97ac

This text has a font color of #5f97ac.

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

#5f97ac background color

This paragraph has a background color of #5f97ac.

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

#5f97ac border color

This element has a border color of #5f97ac.

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

CSS codes

.text {color:#5f97ac;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0b1215
```
#0b1215 rgb(11,18,21)
```
#111d22
```
#111d22 rgb(17,29,34)
```
#18292f
```
#18292f rgb(24,41,47)
```
#1f343c
```
#1f343c rgb(31,52,60)
```
#263f48
```
#263f48 rgb(38,63,72)
```
#2c4a55
```
#2c4a55 rgb(44,74,85)
```
#335562
```
#335562 rgb(51,85,98)
```
#3a616f
```
#3a616f rgb(58,97,111)
```
#406c7c
```
#406c7c rgb(64,108,124)
```
#477789
```
#477789 rgb(71,119,137)
```
#4e8296
```
#4e8296 rgb(78,130,150)
```
#548ea3
```
#548ea3 rgb(84,142,163)
```

Shade Color Variation

#5f97ac
```
#5f97ac rgb(95,151,172)
```
#6c9fb3
```
#6c9fb3 rgb(108,159,179)
```
#79a8b9
```
#79a8b9 rgb(121,168,185)
```
#86b0c0
```
#86b0c0 rgb(134,176,192)
```
#93b9c7
```
#93b9c7 rgb(147,185,199)
```
#a0c1cd
```
#a0c1cd rgb(160,193,205)
```
#acc9d4
```
#acc9d4 rgb(172,201,212)
```
#b9d2db
```
#b9d2db rgb(185,210,219)
```
#c6dae2
```
#c6dae2 rgb(198,218,226)
```
#d3e3e8
```
#d3e3e8 rgb(211,227,232)
```
#e0ebef
```
#e0ebef rgb(224,235,239)
```
#edf3f6
```
#edf3f6 rgb(237,243,246)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848687 is the less saturated color, while #14b9f7 is the most saturated one.

#848687
```
#848687 rgb(132,134,135)
```
#7b8a90
```
#7b8a90 rgb(123,138,144)
```
#728f99
```
#728f99 rgb(114,143,153)
```
#6893a3
```
#6893a3 rgb(104,147,163)
```
#5f97ac
```
#5f97ac rgb(95,151,172)
```
#569bb5
```
#569bb5 rgb(86,155,181)
```
#4c9fbf
```
#4c9fbf rgb(76,159,191)
```
#43a4c8
```
#43a4c8 rgb(67,164,200)
```
#3aa8d1
```
#3aa8d1 rgb(58,168,209)
```
#30acdb
```
#30acdb rgb(48,172,219)
```
#27b0e4
```
#27b0e4 rgb(39,176,228)
```
#1eb5ed
```
#1eb5ed rgb(30,181,237)
```
#14b9f7
```
#14b9f7 rgb(20,185,247)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#818c90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9093ab Protanopia 1% of men
#9292b4 Deuteranopia 1% of men
#649da9 Tritanopia 0.001% of the population

Trichromacy

#7e95ab Protanomaly 1% of men, 0.01% of women
#7f93b1 Deuteranomaly 6% of men, 0.4% of women
#629baa Tritanomaly 0.01% of the population

#5f97ac hex color

#5f97ac Color Information

#5f97ac Color Conversion

Color Schemes with #5f97ac

Alternatives to #5f97ac

#5f97ac Preview

Shades and Tints of #5f97ac

Tones of #5f97ac

Color Blindness Simulator