#4f5a72 hex color

In a RGB color space, hex #4f5a72 is composed of 31% red, 35.3% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 21.1% magenta, 0% yellow and 55.3% black. It has a hue angle of 221.1 degrees, a saturation of 18.1% and a lightness of 37.8%. #4f5a72 color hex could be obtained by blending #9eb4e4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 35
- B 45
RGB color chart
- C 31
- M 21
- Y 0
- K 55
CMYK color chart

● #4f5a72 color description : Very dark grayish blue.

The hexadecimal color #4f5a72 has RGB values of R:79, G:90, B:114 and CMYK values of C:0.31, M:0.21, Y:0, K:0.55. Its decimal value is 5200498.

Hex triplet	4f5a72	`#4f5a72`
RGB Decimal	79, 90, 114	`rgb(79,90,114)`
RGB Percent	31, 35.3, 44.7	`rgb(31%,35.3%,44.7%)`
CMYK	31, 21, 0, 55
HSL	221.1°, 18.1, 37.8	`hsl(221.1,18.1%,37.8%)`
HSV (or HSB)	221.1°, 30.7, 44.7
Web Safe	666666	`#666666`

CIE-LAB	38.18, 1.855, -15.041
XYZ	9.917, 10.189, 17.363
xyY	0.265, 0.272, 10.189
CIE-LCH	38.18, 15.155, 277.032
CIE-LUV	38.18, -6.552, -20.599
Hunter-Lab	31.921, -0.404, -9.906
Binary	01001111, 01011010, 01110010

#4f5a72
```
#4f5a72 rgb(79,90,114)
```
#72674f
```
#72674f rgb(114,103,79)
```

Complementary Color

#4f6c72
```
#4f6c72 rgb(79,108,114)
```
#4f5a72
```
#4f5a72 rgb(79,90,114)
```
#564f72
```
#564f72 rgb(86,79,114)
```

Analogous Color

#6c724f
```
#6c724f rgb(108,114,79)
```
#4f5a72
```
#4f5a72 rgb(79,90,114)
```
#72564f
```
#72564f rgb(114,86,79)
```

Split Complementary Color

#5a724f
```
#5a724f rgb(90,114,79)
```
#4f5a72
```
#4f5a72 rgb(79,90,114)
```
#724f5a
```
#724f5a rgb(114,79,90)
```

Triadic Color

#4f7267
```
#4f7267 rgb(79,114,103)
```
#4f5a72
```
#4f5a72 rgb(79,90,114)
```
#724f5a
```
#724f5a rgb(114,79,90)
```
#72674f
```
#72674f rgb(114,103,79)
```

Tetradic Color

#303645
```
#303645 rgb(48,54,69)
```
#3a4254
```
#3a4254 rgb(58,66,84)
```
#454e63
```
#454e63 rgb(69,78,99)
```
#4f5a72
```
#4f5a72 rgb(79,90,114)
```
#596681
```
#596681 rgb(89,102,129)
```
#647290
```
#647290 rgb(100,114,144)
```
#717f9d
```
#717f9d rgb(113,127,157)
```

Monochromatic Color

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

#4f6372
```
#4f6372 rgb(79,99,114)
```
#4f6072
```
#4f6072 rgb(79,96,114)
```
#4f5d72
```
#4f5d72 rgb(79,93,114)
```
#4f5a72
```
#4f5a72 rgb(79,90,114)
```
#4f5772
```
#4f5772 rgb(79,87,114)
```
#4f5472
```
#4f5472 rgb(79,84,114)
```
#4f5172
```
#4f5172 rgb(79,81,114)
```

Similar Colors

Text with hexadecimal color #4f5a72

This text has a font color of #4f5a72.

<span style="color:#4f5a72;">Text here</span>

#4f5a72 background color

This paragraph has a background color of #4f5a72.

<p style="background-color:#4f5a72;">Content here</p>

#4f5a72 border color

This element has a border color of #4f5a72.

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

CSS codes

.text {color:#4f5a72;}

.background {background-color:#4f5a72;}

.border {border:1px solid #4f5a72;}

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, #07080a is the darkest color, while #fdfdfe is the lightest one.

#07080a
```
#07080a rgb(7,8,10)
```
#0f1115
```
#0f1115 rgb(15,17,21)
```
#171a21
```
#171a21 rgb(23,26,33)
```
#1f232c
```
#1f232c rgb(31,35,44)
```
#272c38
```
#272c38 rgb(39,44,56)
```
#2f3544
```
#2f3544 rgb(47,53,68)
```
#373f4f
```
#373f4f rgb(55,63,79)
```
#3f485b
```
#3f485b rgb(63,72,91)
```
#475166
```
#475166 rgb(71,81,102)
```
#4f5a72
```
#4f5a72 rgb(79,90,114)
```
#57637e
```
#57637e rgb(87,99,126)
```
#5f6c89
```
#5f6c89 rgb(95,108,137)
```
#677595
```
#677595 rgb(103,117,149)
```

Shade Color Variation

#72809d
```
#72809d rgb(114,128,157)
```
#7e8aa5
```
#7e8aa5 rgb(126,138,165)
```
#8995ad
```
#8995ad rgb(137,149,173)
```
#959fb5
```
#959fb5 rgb(149,159,181)
```
#a0aabd
```
#a0aabd rgb(160,170,189)
```
#acb4c6
```
#acb4c6 rgb(172,180,198)
```
#b8bfce
```
#b8bfce rgb(184,191,206)
```
#c3c9d6
```
#c3c9d6 rgb(195,201,214)
```
#cfd3de
```
#cfd3de rgb(207,211,222)
```
#dadee6
```
#dadee6 rgb(218,222,230)
```
#e6e8ee
```
#e6e8ee rgb(230,232,238)
```
#f2f3f6
```
#f2f3f6 rgb(242,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6063 is the less saturated color, while #053ebc is the most saturated one.

#5e6063
```
#5e6063 rgb(94,96,99)
```
#565d6b
```
#565d6b rgb(86,93,107)
```
#4f5a72
```
#4f5a72 rgb(79,90,114)
```
#485779
```
#485779 rgb(72,87,121)
```
#405481
```
#405481 rgb(64,84,129)
```
#395288
```
#395288 rgb(57,82,136)
```
#314f90
```
#314f90 rgb(49,79,144)
```
#2a4c97
```
#2a4c97 rgb(42,76,151)
```
#22499f
```
#22499f rgb(34,73,159)
```
#1b47a6
```
#1b47a6 rgb(27,71,166)
```
#1444ad
```
#1444ad rgb(20,68,173)
```
#0c41b5
```
#0c41b5 rgb(12,65,181)
```
#053ebc
```
#053ebc rgb(5,62,188)
```

Tone Color Variation

Below, you can see how #4f5a72 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

#595959 Achromatopsia 0.005% of the population
#57595e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6178 Protanopia 1% of men
#5e6079 Deuteranopia 1% of men
#54656c Tritanopia 0.001% of the population

Trichromacy

#575e76 Protanomaly 1% of men, 0.01% of women
#585e77 Deuteranomaly 6% of men, 0.4% of women
#52616e Tritanomaly 0.01% of the population

#4f5a72 hex color

#4f5a72 Color Information

#4f5a72 Color Conversion

Color Schemes with #4f5a72

Alternatives to #4f5a72

#4f5a72 Preview

Shades and Tints of #4f5a72

Tones of #4f5a72

Color Blindness Simulator