#4f5a67 hex color

In a RGB color space, hex #4f5a67 is composed of 31% red, 35.3% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 23.3% cyan, 12.6% magenta, 0% yellow and 59.6% black. It has a hue angle of 212.5 degrees, a saturation of 13.2% and a lightness of 35.7%. #4f5a67 color hex could be obtained by blending #9eb4ce with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 35
- B 40
RGB color chart
- C 23
- M 13
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #4f5a67 has RGB values of R:79, G:90, B:103 and CMYK values of C:0.23, M:0.13, Y:0, K:0.6. Its decimal value is 5200487.

Hex triplet	4f5a67	`#4f5a67`
RGB Decimal	79, 90, 103	`rgb(79,90,103)`
RGB Percent	31, 35.3, 40.4	`rgb(31%,35.3%,40.4%)`
CMYK	23, 13, 0, 60
HSL	212.5°, 13.2, 35.7	`hsl(212.5,13.2%,35.7%)`
HSV (or HSB)	212.5°, 23.3, 40.4
Web Safe	666666	`#666666`

CIE-LAB	37.759, -1.086, -8.88
XYZ	9.328, 9.954, 14.261
xyY	0.278, 0.297, 9.954
CIE-LCH	37.759, 8.947, 263.028
CIE-LUV	37.759, -6.178, -11.57
Hunter-Lab	31.549, -2.434, -4.716
Binary	01001111, 01011010, 01100111

#4f5a67
```
#4f5a67 rgb(79,90,103)
```
#675c4f
```
#675c4f rgb(103,92,79)
```

Complementary Color

#4f6667
```
#4f6667 rgb(79,102,103)
```
#4f5a67
```
#4f5a67 rgb(79,90,103)
```
#504f67
```
#504f67 rgb(80,79,103)
```

Analogous Color

#66674f
```
#66674f rgb(102,103,79)
```
#4f5a67
```
#4f5a67 rgb(79,90,103)
```
#67504f
```
#67504f rgb(103,80,79)
```

Split Complementary Color

#5a674f
```
#5a674f rgb(90,103,79)
```
#4f5a67
```
#4f5a67 rgb(79,90,103)
```
#674f5a
```
#674f5a rgb(103,79,90)
```

Triadic Color

#4f675c
```
#4f675c rgb(79,103,92)
```
#4f5a67
```
#4f5a67 rgb(79,90,103)
```
#674f5a
```
#674f5a rgb(103,79,90)
```
#675c4f
```
#675c4f rgb(103,92,79)
```

Tetradic Color

#2e343c
```
#2e343c rgb(46,52,60)
```
#39414a
```
#39414a rgb(57,65,74)
```
#444d59
```
#444d59 rgb(68,77,89)
```
#4f5a67
```
#4f5a67 rgb(79,90,103)
```
#5a6775
```
#5a6775 rgb(90,103,117)
```
#657384
```
#657384 rgb(101,115,132)
```
#718092
```
#718092 rgb(113,128,146)
```

Monochromatic Color

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

#4f6067
```
#4f6067 rgb(79,96,103)
```
#4f5e67
```
#4f5e67 rgb(79,94,103)
```
#4f5c67
```
#4f5c67 rgb(79,92,103)
```
#4f5a67
```
#4f5a67 rgb(79,90,103)
```
#4f5867
```
#4f5867 rgb(79,88,103)
```
#4f5667
```
#4f5667 rgb(79,86,103)
```
#4f5467
```
#4f5467 rgb(79,84,103)
```

Similar Colors

Text with hexadecimal color #4f5a67

This text has a font color of #4f5a67.

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

#4f5a67 background color

This paragraph has a background color of #4f5a67.

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

#4f5a67 border color

This element has a border color of #4f5a67.

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

CSS codes

.text {color:#4f5a67;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0b0c0e
```
#0b0c0e rgb(11,12,14)
```
#131619
```
#131619 rgb(19,22,25)
```
#1c2024
```
#1c2024 rgb(28,32,36)
```
#242a2f
```
#242a2f rgb(36,42,47)
```
#2d333b
```
#2d333b rgb(45,51,59)
```
#353d46
```
#353d46 rgb(53,61,70)
```
#3e4751
```
#3e4751 rgb(62,71,81)
```
#46505c
```
#46505c rgb(70,80,92)
```
#4f5a67
```
#4f5a67 rgb(79,90,103)
```
#586472
```
#586472 rgb(88,100,114)
```
#606d7d
```
#606d7d rgb(96,109,125)
```
#697788
```
#697788 rgb(105,119,136)
```

Shade Color Variation

#728193
```
#728193 rgb(114,129,147)
```
#7d8b9b
```
#7d8b9b rgb(125,139,155)
```
#8895a4
```
#8895a4 rgb(136,149,164)
```
#939fac
```
#939fac rgb(147,159,172)
```
#9ea9b5
```
#9ea9b5 rgb(158,169,181)
```
#a9b2bd
```
#a9b2bd rgb(169,178,189)
```
#b4bcc6
```
#b4bcc6 rgb(180,188,198)
```
#bfc6ce
```
#bfc6ce rgb(191,198,206)
```
#cbd0d7
```
#cbd0d7 rgb(203,208,215)
```
#d6dadf
```
#d6dadf rgb(214,218,223)
```
#e1e4e8
```
#e1e4e8 rgb(225,228,232)
```
#eceef0
```
#eceef0 rgb(236,238,240)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565b60 is the less saturated color, while #0254b4 is the most saturated one.

#565b60
```
#565b60 rgb(86,91,96)
```
#4f5a67
```
#4f5a67 rgb(79,90,103)
```
#48596e
```
#48596e rgb(72,89,110)
```
#415975
```
#415975 rgb(65,89,117)
```
#3a587c
```
#3a587c rgb(58,88,124)
```
#335883
```
#335883 rgb(51,88,131)
```
#2c578a
```
#2c578a rgb(44,87,138)
```
#255791
```
#255791 rgb(37,87,145)
```
#1e5698
```
#1e5698 rgb(30,86,152)
```
#17559f
```
#17559f rgb(23,85,159)
```
#1055a6
```
#1055a6 rgb(16,85,166)
```
#0954ad
```
#0954ad rgb(9,84,173)
```
#0254b4
```
#0254b4 rgb(2,84,180)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#56585b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f606d Protanopia 1% of men
#635f70 Deuteranopia 1% of men
#57636a Tritanopia 0.001% of the population

Trichromacy

#595e6b Protanomaly 1% of men, 0.01% of women
#5b5d6c Deuteranomaly 6% of men, 0.4% of women
#545f69 Tritanomaly 0.01% of the population

#4f5a67 hex color

#4f5a67 Color Information

#4f5a67 Color Conversion

Color Schemes with #4f5a67

Alternatives to #4f5a67

#4f5a67 Preview

Shades and Tints of #4f5a67

Tones of #4f5a67

Color Blindness Simulator