#4f5460 hex color

In a RGB color space, hex #4f5460 is composed of 31% red, 32.9% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 12.5% magenta, 0% yellow and 62.4% black. It has a hue angle of 222.4 degrees, a saturation of 9.7% and a lightness of 34.3%. #4f5460 color hex could be obtained by blending #9ea8c0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 33
- B 38
RGB color chart
- C 18
- M 13
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #4f5460 has RGB values of R:79, G:84, B:96 and CMYK values of C:0.18, M:0.13, Y:0, K:0.62. Its decimal value is 5198944.

Hex triplet	4f5460	`#4f5460`
RGB Decimal	79, 84, 96	`rgb(79,84,96)`
RGB Percent	31, 32.9, 37.6	`rgb(31%,32.9%,37.6%)`
CMYK	18, 13, 0, 62
HSL	222.4°, 9.7, 34.3	`hsl(222.4,9.7%,34.3%)`
HSV (or HSB)	222.4°, 17.7, 37.6
Web Safe	666666	`#666666`

CIE-LAB	35.689, 0.849, -7.63
XYZ	8.506, 8.847, 12.325
xyY	0.287, 0.298, 8.847
CIE-LCH	35.689, 7.677, 276.353
CIE-LUV	35.689, -3.204, -9.966
Hunter-Lab	29.744, -1.009, -3.747
Binary	01001111, 01010100, 01100000

#4f5460
```
#4f5460 rgb(79,84,96)
```
#605b4f
```
#605b4f rgb(96,91,79)
```

Complementary Color

#4f5d60
```
#4f5d60 rgb(79,93,96)
```
#4f5460
```
#4f5460 rgb(79,84,96)
```
#534f60
```
#534f60 rgb(83,79,96)
```

Analogous Color

#5d604f
```
#5d604f rgb(93,96,79)
```
#4f5460
```
#4f5460 rgb(79,84,96)
```
#60534f
```
#60534f rgb(96,83,79)
```

Split Complementary Color

#54604f
```
#54604f rgb(84,96,79)
```
#4f5460
```
#4f5460 rgb(79,84,96)
```
#604f54
```
#604f54 rgb(96,79,84)
```

Triadic Color

#4f605b
```
#4f605b rgb(79,96,91)
```
#4f5460
```
#4f5460 rgb(79,84,96)
```
#604f54
```
#604f54 rgb(96,79,84)
```
#605b4f
```
#605b4f rgb(96,91,79)
```

Tetradic Color

#2c2f36
```
#2c2f36 rgb(44,47,54)
```
#383c44
```
#383c44 rgb(56,60,68)
```
#434852
```
#434852 rgb(67,72,82)
```
#4f5460
```
#4f5460 rgb(79,84,96)
```
#5b606e
```
#5b606e rgb(91,96,110)
```
#666c7c
```
#666c7c rgb(102,108,124)
```
#72798a
```
#72798a rgb(114,121,138)
```

Monochromatic Color

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

#4f5860
```
#4f5860 rgb(79,88,96)
```
#4f5760
```
#4f5760 rgb(79,87,96)
```
#4f5560
```
#4f5560 rgb(79,85,96)
```
#4f5460
```
#4f5460 rgb(79,84,96)
```
#4f5360
```
#4f5360 rgb(79,83,96)
```
#4f5160
```
#4f5160 rgb(79,81,96)
```
#4f5060
```
#4f5060 rgb(79,80,96)
```

Similar Colors

Text with hexadecimal color #4f5460

This text has a font color of #4f5460.

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

#4f5460 background color

This paragraph has a background color of #4f5460.

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

#4f5460 border color

This element has a border color of #4f5460.

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

CSS codes

.text {color:#4f5460;}

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

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

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

#08090a
```
#08090a rgb(8,9,10)
```
#111215
```
#111215 rgb(17,18,21)
```
#1a1c1f
```
#1a1c1f rgb(26,28,31)
```
#23252a
```
#23252a rgb(35,37,42)
```
#2c2e35
```
#2c2e35 rgb(44,46,53)
```
#343840
```
#343840 rgb(52,56,64)
```
#3d414a
```
#3d414a rgb(61,65,74)
```
#464b55
```
#464b55 rgb(70,75,85)
```
#4f5460
```
#4f5460 rgb(79,84,96)
```
#585d6b
```
#585d6b rgb(88,93,107)
```
#616776
```
#616776 rgb(97,103,118)
```
#6a7080
```
#6a7080 rgb(106,112,128)
```
#727a8b
```
#727a8b rgb(114,122,139)
```

Shade Color Variation

#7d8494
```
#7d8494 rgb(125,132,148)
```
#888e9d
```
#888e9d rgb(136,142,157)
```
#9398a6
```
#9398a6 rgb(147,152,166)
```
#9da2af
```
#9da2af rgb(157,162,175)
```
#a8adb7
```
#a8adb7 rgb(168,173,183)
```
#b3b7c0
```
#b3b7c0 rgb(179,183,192)
```
#bec1c9
```
#bec1c9 rgb(190,193,201)
```
#c8cbd2
```
#c8cbd2 rgb(200,203,210)
```
#d3d5db
```
#d3d5db rgb(211,213,219)
```
#dee0e4
```
#dee0e4 rgb(222,224,228)
```
#e9eaed
```
#e9eaed rgb(233,234,237)
```
#f3f4f5
```
#f3f4f5 rgb(243,244,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#565759
```
#565759 rgb(86,87,89)
```
#4f5460
```
#4f5460 rgb(79,84,96)
```
#485167
```
#485167 rgb(72,81,103)
```
#424e6d
```
#424e6d rgb(66,78,109)
```
#3b4c74
```
#3b4c74 rgb(59,76,116)
```
#34497b
```
#34497b rgb(52,73,123)
```
#2d4682
```
#2d4682 rgb(45,70,130)
```
#274388
```
#274388 rgb(39,67,136)
```
#20418f
```
#20418f rgb(32,65,143)
```
#193e96
```
#193e96 rgb(25,62,150)
```
#123b9d
```
#123b9d rgb(18,59,157)
```
#0c38a3
```
#0c38a3 rgb(12,56,163)
```
#0536aa
```
#0536aa rgb(5,54,170)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#535456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5c67 Protanopia 1% of men
#5f5a69 Deuteranopia 1% of men
#575d64 Tritanopia 0.001% of the population

Trichromacy

#565965 Protanomaly 1% of men, 0.01% of women
#595865 Deuteranomaly 6% of men, 0.4% of women
#545a62 Tritanomaly 0.01% of the population

#4f5460 hex color

#4f5460 Color Information

#4f5460 Color Conversion

Color Schemes with #4f5460

Alternatives to #4f5460

#4f5460 Preview

Shades and Tints of #4f5460

Tones of #4f5460

Color Blindness Simulator