#5f7a97 hex color

In a RGB color space, hex #5f7a97 is composed of 37.3% red, 47.8% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 37.1% cyan, 19.2% magenta, 0% yellow and 40.8% black. It has a hue angle of 211.1 degrees, a saturation of 22.8% and a lightness of 48.2%. #5f7a97 color hex could be obtained by blending #bef4ff with #00002f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 48
- B 59
RGB color chart
- C 37
- M 19
- Y 0
- K 41
CMYK color chart

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

The hexadecimal color #5f7a97 has RGB values of R:95, G:122, B:151 and CMYK values of C:0.37, M:0.19, Y:0, K:0.41. Its decimal value is 6257303.

Hex triplet	5f7a97	`#5f7a97`
RGB Decimal	95, 122, 151	`rgb(95,122,151)`
RGB Percent	37.3, 47.8, 59.2	`rgb(37.3%,47.8%,59.2%)`
CMYK	37, 19, 0, 41
HSL	211.1°, 22.8, 48.2	`hsl(211.1,22.8%,48.2%)`
HSV (or HSB)	211.1°, 37.1, 59.2
Web Safe	666699	`#666699`

CIE-LAB	50.199, -2.179, -18.772
XYZ	17.264, 18.586, 31.954
xyY	0.255, 0.274, 18.586
CIE-LCH	50.199, 18.898, 263.379
CIE-LUV	50.199, -14.123, -27.1
Hunter-Lab	43.111, -3.966, -13.768
Binary	01011111, 01111010, 10010111

#5f7a97
```
#5f7a97 rgb(95,122,151)
```
#977c5f
```
#977c5f rgb(151,124,95)
```

Complementary Color

#5f9697
```
#5f9697 rgb(95,150,151)
```
#5f7a97
```
#5f7a97 rgb(95,122,151)
```
#605f97
```
#605f97 rgb(96,95,151)
```

Analogous Color

#96975f
```
#96975f rgb(150,151,95)
```
#5f7a97
```
#5f7a97 rgb(95,122,151)
```
#97605f
```
#97605f rgb(151,96,95)
```

Split Complementary Color

#7a975f
```
#7a975f rgb(122,151,95)
```
#5f7a97
```
#5f7a97 rgb(95,122,151)
```
#975f7a
```
#975f7a rgb(151,95,122)
```

Triadic Color

#5f977c
```
#5f977c rgb(95,151,124)
```
#5f7a97
```
#5f7a97 rgb(95,122,151)
```
#975f7a
```
#975f7a rgb(151,95,122)
```
#977c5f
```
#977c5f rgb(151,124,95)
```

Tetradic Color

#415468
```
#415468 rgb(65,84,104)
```
#4b6178
```
#4b6178 rgb(75,97,120)
```
#556d87
```
#556d87 rgb(85,109,135)
```
#5f7a97
```
#5f7a97 rgb(95,122,151)
```
#6d87a3
```
#6d87a3 rgb(109,135,163)
```
#7c94ad
```
#7c94ad rgb(124,148,173)
```
#8ca0b7
```
#8ca0b7 rgb(140,160,183)
```

Monochromatic Color

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

#5f8897
```
#5f8897 rgb(95,136,151)
```
#5f8397
```
#5f8397 rgb(95,131,151)
```
#5f7f97
```
#5f7f97 rgb(95,127,151)
```
#5f7a97
```
#5f7a97 rgb(95,122,151)
```
#5f7597
```
#5f7597 rgb(95,117,151)
```
#5f7197
```
#5f7197 rgb(95,113,151)
```
#5f6c97
```
#5f6c97 rgb(95,108,151)
```

Similar Colors

Text with hexadecimal color #5f7a97

This text has a font color of #5f7a97.

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

#5f7a97 background color

This paragraph has a background color of #5f7a97.

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

#5f7a97 border color

This element has a border color of #5f7a97.

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

CSS codes

.text {color:#5f7a97;}

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

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0c0f13
```
#0c0f13 rgb(12,15,19)
```
#13191f
```
#13191f rgb(19,25,31)
```
#1b222b
```
#1b222b rgb(27,34,43)
```
#222c37
```
#222c37 rgb(34,44,55)
```
#2a3643
```
#2a3643 rgb(42,54,67)
```
#32404f
```
#32404f rgb(50,64,79)
```
#39495b
```
#39495b rgb(57,73,91)
```
#415367
```
#415367 rgb(65,83,103)
```
#485d73
```
#485d73 rgb(72,93,115)
```
#50677f
```
#50677f rgb(80,103,127)
```
#57708b
```
#57708b rgb(87,112,139)
```
#5f7a97
```
#5f7a97 rgb(95,122,151)
```

Shade Color Variation

#6984a1
```
#6984a1 rgb(105,132,161)
```
#758ea8
```
#758ea8 rgb(117,142,168)
```
#8198b0
```
#8198b0 rgb(129,152,176)
```
#8da1b7
```
#8da1b7 rgb(141,161,183)
```
#99abbf
```
#99abbf rgb(153,171,191)
```
#a5b5c6
```
#a5b5c6 rgb(165,181,198)
```
#b1bfce
```
#b1bfce rgb(177,191,206)
```
#bdc9d6
```
#bdc9d6 rgb(189,201,214)
```
#c9d3dd
```
#c9d3dd rgb(201,211,221)
```
#d5dde5
```
#d5dde5 rgb(213,221,229)
```
#e1e7ec
```
#e1e7ec rgb(225,231,236)
```
#edf1f4
```
#edf1f4 rgb(237,241,244)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727b84 is the less saturated color, while #0077f6 is the most saturated one.

#727b84
```
#727b84 rgb(114,123,132)
```
#687a8e
```
#687a8e rgb(104,122,142)
```
#5f7a97
```
#5f7a97 rgb(95,122,151)
```
#567aa0
```
#567aa0 rgb(86,122,160)
```
#4c79aa
```
#4c79aa rgb(76,121,170)
```
#4379b3
```
#4379b3 rgb(67,121,179)
```
#3979bd
```
#3979bd rgb(57,121,189)
```
#3078c6
```
#3078c6 rgb(48,120,198)
```
#2678d0
```
#2678d0 rgb(38,120,208)
```
#1d78d9
```
#1d78d9 rgb(29,120,217)
```
#1377e3
```
#1377e3 rgb(19,119,227)
```
#0a77ec
```
#0a77ec rgb(10,119,236)
```
#0077f6
```
#0077f6 rgb(0,119,246)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#71767c Atypical Achromatopsia 0.001% of the population

Dichromacy

#777d9a Protanopia 1% of men
#787c9e Deuteranopia 1% of men
#62838d Tritanopia 0.001% of the population

Trichromacy

#6e7c98 Protanomaly 1% of men, 0.01% of women
#6f7b9b Deuteranomaly 6% of men, 0.4% of women
#618090 Tritanomaly 0.01% of the population

#5f7a97 hex color

#5f7a97 Color Information

#5f7a97 Color Conversion

Color Schemes with #5f7a97

Alternatives to #5f7a97

#5f7a97 Preview

Shades and Tints of #5f7a97

Tones of #5f7a97

Color Blindness Simulator