#5f7a8c hex color

In a RGB color space, hex #5f7a8c is composed of 37.3% red, 47.8% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 32.1% cyan, 12.9% magenta, 0% yellow and 45.1% black. It has a hue angle of 204 degrees, a saturation of 19.1% and a lightness of 46.1%. #5f7a8c color hex could be obtained by blending #bef4ff with #000019. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 37
- G 48
- B 55
RGB color chart
- C 32
- M 13
- Y 0
- K 45
CMYK color chart

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

The hexadecimal color #5f7a8c has RGB values of R:95, G:122, B:140 and CMYK values of C:0.32, M:0.13, Y:0, K:0.45. Its decimal value is 6257292.

Hex triplet	5f7a8c	`#5f7a8c`
RGB Decimal	95, 122, 140	`rgb(95,122,140)`
RGB Percent	37.3, 47.8, 54.9	`rgb(37.3%,47.8%,54.9%)`
CMYK	32, 13, 0, 45
HSL	204°, 19.1, 46.1	`hsl(204,19.1%,46.1%)`
HSV (or HSB)	204°, 32.1, 54.9
Web Safe	666699	`#666699`

CIE-LAB	49.792, -5.162, -12.936
XYZ	16.411, 18.245, 27.466
xyY	0.264, 0.294, 18.245
CIE-LCH	49.792, 13.928, 248.247
CIE-LUV	49.792, -13.983, -17.801
Hunter-Lab	42.714, -6.167, -8.225
Binary	01011111, 01111010, 10001100

#5f7a8c
```
#5f7a8c rgb(95,122,140)
```
#8c715f
```
#8c715f rgb(140,113,95)
```

Complementary Color

#5f8c88
```
#5f8c88 rgb(95,140,136)
```
#5f7a8c
```
#5f7a8c rgb(95,122,140)
```
#5f648c
```
#5f648c rgb(95,100,140)
```

Analogous Color

#8c885f
```
#8c885f rgb(140,136,95)
```
#5f7a8c
```
#5f7a8c rgb(95,122,140)
```
#8c5f64
```
#8c5f64 rgb(140,95,100)
```

Split Complementary Color

#7a8c5f
```
#7a8c5f rgb(122,140,95)
```
#5f7a8c
```
#5f7a8c rgb(95,122,140)
```
#8c5f7a
```
#8c5f7a rgb(140,95,122)
```

Triadic Color

#5f8c71
```
#5f8c71 rgb(95,140,113)
```
#5f7a8c
```
#5f7a8c rgb(95,122,140)
```
#8c5f7a
```
#8c5f7a rgb(140,95,122)
```
#8c715f
```
#8c715f rgb(140,113,95)
```

Tetradic Color

#40525e
```
#40525e rgb(64,82,94)
```
#4a606e
```
#4a606e rgb(74,96,110)
```
#556d7d
```
#556d7d rgb(85,109,125)
```
#5f7a8c
```
#5f7a8c rgb(95,122,140)
```
#6a879a
```
#6a879a rgb(106,135,154)
```
#7a93a4
```
#7a93a4 rgb(122,147,164)
```
#89a0af
```
#89a0af rgb(137,160,175)
```

Monochromatic Color

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

#5f858c
```
#5f858c rgb(95,133,140)
```
#5f828c
```
#5f828c rgb(95,130,140)
```
#5f7e8c
```
#5f7e8c rgb(95,126,140)
```
#5f7a8c
```
#5f7a8c rgb(95,122,140)
```
#5f768c
```
#5f768c rgb(95,118,140)
```
#5f738c
```
#5f738c rgb(95,115,140)
```
#5f6f8c
```
#5f6f8c rgb(95,111,140)
```

Similar Colors

Text with hexadecimal color #5f7a8c

This text has a font color of #5f7a8c.

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

#5f7a8c background color

This paragraph has a background color of #5f7a8c.

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

#5f7a8c border color

This element has a border color of #5f7a8c.

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

CSS codes

.text {color:#5f7a8c;}

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

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

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, #080a0b is the darkest color, while #ffffff is the lightest one.

#080a0b
```
#080a0b rgb(8,10,11)
```
#101417
```
#101417 rgb(16,20,23)
```
#181e23
```
#181e23 rgb(24,30,35)
```
#20292f
```
#20292f rgb(32,41,47)
```
#27333a
```
#27333a rgb(39,51,58)
```
#2f3d46
```
#2f3d46 rgb(47,61,70)
```
#374752
```
#374752 rgb(55,71,82)
```
#3f515d
```
#3f515d rgb(63,81,93)
```
#475b69
```
#475b69 rgb(71,91,105)
```
#4f6675
```
#4f6675 rgb(79,102,117)
```
#577080
```
#577080 rgb(87,112,128)
```
#5f7a8c
```
#5f7a8c rgb(95,122,140)
```
#678498
```
#678498 rgb(103,132,152)
```

Shade Color Variation

#738ea0
```
#738ea0 rgb(115,142,160)
```
#7e97a8
```
#7e97a8 rgb(126,151,168)
```
#8aa0b0
```
#8aa0b0 rgb(138,160,176)
```
#96aab7
```
#96aab7 rgb(150,170,183)
```
#a1b3bf
```
#a1b3bf rgb(161,179,191)
```
#adbdc7
```
#adbdc7 rgb(173,189,199)
```
#b9c6cf
```
#b9c6cf rgb(185,198,207)
```
#c4d0d7
```
#c4d0d7 rgb(196,208,215)
```
#d0d9df
```
#d0d9df rgb(208,217,223)
```
#dce3e7
```
#dce3e7 rgb(220,227,231)
```
#e7ecef
```
#e7ecef rgb(231,236,239)
```
#f3f5f7
```
#f3f5f7 rgb(243,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71767a is the less saturated color, while #058ce6 is the most saturated one.

#71767a
```
#71767a rgb(113,118,122)
```
#687883
```
#687883 rgb(104,120,131)
```
#5f7a8c
```
#5f7a8c rgb(95,122,140)
```
#567c95
```
#567c95 rgb(86,124,149)
```
#4d7e9e
```
#4d7e9e rgb(77,126,158)
```
#447fa7
```
#447fa7 rgb(68,127,167)
```
#3b81b0
```
#3b81b0 rgb(59,129,176)
```
#3283b9
```
#3283b9 rgb(50,131,185)
```
#2985c2
```
#2985c2 rgb(41,133,194)
```
#2087cb
```
#2087cb rgb(32,135,203)
```
#1788d4
```
#1788d4 rgb(23,136,212)
```
#0e8add
```
#0e8add rgb(14,138,221)
```
#058ce6
```
#058ce6 rgb(5,140,230)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#707579 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797c8f Protanopia 1% of men
#7d7a94 Deuteranopia 1% of men
#65828b Tritanopia 0.001% of the population

Trichromacy

#707b8e Protanomaly 1% of men, 0.01% of women
#727a91 Deuteranomaly 6% of men, 0.4% of women
#637f8b Tritanomaly 0.01% of the population

#5f7a8c hex color

#5f7a8c Color Information

#5f7a8c Color Conversion

Color Schemes with #5f7a8c

Alternatives to #5f7a8c

#5f7a8c Preview

Shades and Tints of #5f7a8c

Tones of #5f7a8c

Color Blindness Simulator