#4f5164 hex color

In a RGB color space, hex #4f5164 is composed of 31% red, 31.8% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 21% cyan, 19% magenta, 0% yellow and 60.8% black. It has a hue angle of 234.3 degrees, a saturation of 11.7% and a lightness of 35.1%. #4f5164 color hex could be obtained by blending #9ea2c8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 32
- B 39
RGB color chart
- C 21
- M 19
- Y 0
- K 61
CMYK color chart

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

The hexadecimal color #4f5164 has RGB values of R:79, G:81, B:100 and CMYK values of C:0.21, M:0.19, Y:0, K:0.61. Its decimal value is 5198180.

Hex triplet	4f5164	`#4f5164`
RGB Decimal	79, 81, 100	`rgb(79,81,100)`
RGB Percent	31, 31.8, 39.2	`rgb(31%,31.8%,39.2%)`
CMYK	21, 19, 0, 61
HSL	234.3°, 11.7, 35.1	`hsl(234.3,11.7%,35.1%)`
HSV (or HSB)	234.3°, 21, 39.2
Web Safe	666666	`#666666`

CIE-LAB	34.937, 3.745, -11.272
XYZ	8.467, 8.467, 13.244
xyY	0.281, 0.281, 8.467
CIE-LCH	34.937, 11.878, 288.381
CIE-LUV	34.937, -2.063, -15.168
Hunter-Lab	29.098, 1.016, -6.617
Binary	01001111, 01010001, 01100100

#4f5164
```
#4f5164 rgb(79,81,100)
```
#64624f
```
#64624f rgb(100,98,79)
```

Complementary Color

#4f5c64
```
#4f5c64 rgb(79,92,100)
```
#4f5164
```
#4f5164 rgb(79,81,100)
```
#584f64
```
#584f64 rgb(88,79,100)
```

Analogous Color

#5c644f
```
#5c644f rgb(92,100,79)
```
#4f5164
```
#4f5164 rgb(79,81,100)
```
#64584f
```
#64584f rgb(100,88,79)
```

Split Complementary Color

#51644f
```
#51644f rgb(81,100,79)
```
#4f5164
```
#4f5164 rgb(79,81,100)
```
#644f51
```
#644f51 rgb(100,79,81)
```

Triadic Color

#4f6462
```
#4f6462 rgb(79,100,98)
```
#4f5164
```
#4f5164 rgb(79,81,100)
```
#644f51
```
#644f51 rgb(100,79,81)
```
#64624f
```
#64624f rgb(100,98,79)
```

Tetradic Color

#2d2e39
```
#2d2e39 rgb(45,46,57)
```
#383a48
```
#383a48 rgb(56,58,72)
```
#444556
```
#444556 rgb(68,69,86)
```
#4f5164
```
#4f5164 rgb(79,81,100)
```
#5a5d72
```
#5a5d72 rgb(90,93,114)
```
#666880
```
#666880 rgb(102,104,128)
```
#71748f
```
#71748f rgb(113,116,143)
```

Monochromatic Color

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

#4f5664
```
#4f5664 rgb(79,86,100)
```
#4f5564
```
#4f5564 rgb(79,85,100)
```
#4f5364
```
#4f5364 rgb(79,83,100)
```
#4f5164
```
#4f5164 rgb(79,81,100)
```
#4f4f64
```
#4f4f64 rgb(79,79,100)
```
#514f64
```
#514f64 rgb(81,79,100)
```
#524f64
```
#524f64 rgb(82,79,100)
```

Similar Colors

Text with hexadecimal color #4f5164

This text has a font color of #4f5164.

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

#4f5164 background color

This paragraph has a background color of #4f5164.

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

#4f5164 border color

This element has a border color of #4f5164.

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

CSS codes

.text {color:#4f5164;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0c
```
#0a0a0c rgb(10,10,12)
```
#121317
```
#121317 rgb(18,19,23)
```
#1b1c22
```
#1b1c22 rgb(27,28,34)
```
#24252d
```
#24252d rgb(36,37,45)
```
#2c2d38
```
#2c2d38 rgb(44,45,56)
```
#353643
```
#353643 rgb(53,54,67)
```
#3e3f4e
```
#3e3f4e rgb(62,63,78)
```
#464859
```
#464859 rgb(70,72,89)
```
#4f5164
```
#4f5164 rgb(79,81,100)
```
#585a6f
```
#585a6f rgb(88,90,111)
```
#60637a
```
#60637a rgb(96,99,122)
```
#696c85
```
#696c85 rgb(105,108,133)
```

Shade Color Variation

#727590
```
#727590 rgb(114,117,144)
```
#7d7f98
```
#7d7f98 rgb(125,127,152)
```
#888aa1
```
#888aa1 rgb(136,138,161)
```
#9395aa
```
#9395aa rgb(147,149,170)
```
#9ea0b2
```
#9ea0b2 rgb(158,160,178)
```
#a9aabb
```
#a9aabb rgb(169,170,187)
```
#b4b5c3
```
#b4b5c3 rgb(180,181,195)
```
#bfc0cc
```
#bfc0cc rgb(191,192,204)
```
#cacbd5
```
#cacbd5 rgb(202,203,213)
```
#d5d5dd
```
#d5d5dd rgb(213,213,221)
```
#e0e0e6
```
#e0e0e6 rgb(224,224,230)
```
#eaebef
```
#eaebef rgb(234,235,239)
```
#f5f6f7
```
#f5f6f7 rgb(245,246,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56575d is the less saturated color, while #0314b0 is the most saturated one.

#56575d
```
#56575d rgb(86,87,93)
```
#4f5164
```
#4f5164 rgb(79,81,100)
```
#484b6b
```
#484b6b rgb(72,75,107)
```
#414672
```
#414672 rgb(65,70,114)
```
#3a4079
```
#3a4079 rgb(58,64,121)
```
#333b80
```
#333b80 rgb(51,59,128)
```
#2d3586
```
#2d3586 rgb(45,53,134)
```
#26308d
```
#26308d rgb(38,48,141)
```
#1f2a94
```
#1f2a94 rgb(31,42,148)
```
#18249b
```
#18249b rgb(24,36,155)
```
#111fa2
```
#111fa2 rgb(17,31,162)
```
#0a19a9
```
#0a19a9 rgb(10,25,169)
```
#0314b0
```
#0314b0 rgb(3,20,176)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#525356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575a6c Protanopia 1% of men
#5a596c Deuteranopia 1% of men
#565b62 Tritanopia 0.001% of the population

Trichromacy

#545669 Protanomaly 1% of men, 0.01% of women
#565669 Deuteranomaly 6% of men, 0.4% of women
#535762 Tritanomaly 0.01% of the population

#4f5164 hex color

#4f5164 Color Information

#4f5164 Color Conversion

Color Schemes with #4f5164

Alternatives to #4f5164

#4f5164 Preview

Shades and Tints of #4f5164

Tones of #4f5164

Color Blindness Simulator