#4f5166 hex color

In a RGB color space, hex #4f5166 is composed of 31% red, 31.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 20.6% magenta, 0% yellow and 60% black. It has a hue angle of 234.8 degrees, a saturation of 12.7% and a lightness of 35.5%. #4f5166 color hex could be obtained by blending #9ea2cc with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #4f5166 has RGB values of R:79, G:81, B:102 and CMYK values of C:0.23, M:0.21, Y:0, K:0.6. Its decimal value is 5198182.

Hex triplet	4f5166	`#4f5166`
RGB Decimal	79, 81, 102	`rgb(79,81,102)`
RGB Percent	31, 31.8, 40	`rgb(31%,31.8%,40%)`
CMYK	23, 21, 0, 60
HSL	234.8°, 12.7, 35.5	`hsl(234.8,12.7%,35.5%)`
HSV (or HSB)	234.8°, 22.5, 40
Web Safe	666666	`#666666`

CIE-LAB	35.016, 4.265, -12.407
XYZ	8.565, 8.506, 13.76
xyY	0.278, 0.276, 8.506
CIE-LCH	35.016, 13.12, 288.972
CIE-LUV	35.016, -2.17, -16.79
Hunter-Lab	29.166, 1.378, -7.557
Binary	01001111, 01010001, 01100110

#4f5166
```
#4f5166 rgb(79,81,102)
```
#66644f
```
#66644f rgb(102,100,79)
```

Complementary Color

#4f5d66
```
#4f5d66 rgb(79,93,102)
```
#4f5166
```
#4f5166 rgb(79,81,102)
```
#594f66
```
#594f66 rgb(89,79,102)
```

Analogous Color

#5d664f
```
#5d664f rgb(93,102,79)
```
#4f5166
```
#4f5166 rgb(79,81,102)
```
#66594f
```
#66594f rgb(102,89,79)
```

Split Complementary Color

#51664f
```
#51664f rgb(81,102,79)
```
#4f5166
```
#4f5166 rgb(79,81,102)
```
#664f51
```
#664f51 rgb(102,79,81)
```

Triadic Color

#4f6664
```
#4f6664 rgb(79,102,100)
```
#4f5166
```
#4f5166 rgb(79,81,102)
```
#664f51
```
#664f51 rgb(102,79,81)
```
#66644f
```
#66644f rgb(102,100,79)
```

Tetradic Color

#2e2f3b
```
#2e2f3b rgb(46,47,59)
```
#393a49
```
#393a49 rgb(57,58,73)
```
#444658
```
#444658 rgb(68,70,88)
```
#4f5166
```
#4f5166 rgb(79,81,102)
```
#5a5c74
```
#5a5c74 rgb(90,92,116)
```
#656883
```
#656883 rgb(101,104,131)
```
#717391
```
#717391 rgb(113,115,145)
```

Monochromatic Color

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

#4f5766
```
#4f5766 rgb(79,87,102)
```
#4f5566
```
#4f5566 rgb(79,85,102)
```
#4f5366
```
#4f5366 rgb(79,83,102)
```
#4f5166
```
#4f5166 rgb(79,81,102)
```
#4f4f66
```
#4f4f66 rgb(79,79,102)
```
#514f66
```
#514f66 rgb(81,79,102)
```
#534f66
```
#534f66 rgb(83,79,102)
```

Similar Colors

Text with hexadecimal color #4f5166

This text has a font color of #4f5166.

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

#4f5166 background color

This paragraph has a background color of #4f5166.

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

#4f5166 border color

This element has a border color of #4f5166.

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

CSS codes

.text {color:#4f5166;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0b0e
```
#0b0b0e rgb(11,11,14)
```
#131419
```
#131419 rgb(19,20,25)
```
#1c1c24
```
#1c1c24 rgb(28,28,36)
```
#24252f
```
#24252f rgb(36,37,47)
```
#2d2e3a
```
#2d2e3a rgb(45,46,58)
```
#353745
```
#353745 rgb(53,55,69)
```
#3e3f50
```
#3e3f50 rgb(62,63,80)
```
#46485b
```
#46485b rgb(70,72,91)
```
#4f5166
```
#4f5166 rgb(79,81,102)
```
#585a71
```
#585a71 rgb(88,90,113)
```
#60637c
```
#60637c rgb(96,99,124)
```
#696b87
```
#696b87 rgb(105,107,135)
```

Shade Color Variation

#727592
```
#727592 rgb(114,117,146)
```
#7d7f9a
```
#7d7f9a rgb(125,127,154)
```
#888aa3
```
#888aa3 rgb(136,138,163)
```
#9395ab
```
#9395ab rgb(147,149,171)
```
#9ea0b4
```
#9ea0b4 rgb(158,160,180)
```
#a9abbc
```
#a9abbc rgb(169,171,188)
```
#b4b6c5
```
#b4b6c5 rgb(180,182,197)
```
#bfc0ce
```
#bfc0ce rgb(191,192,206)
```
#cacbd6
```
#cacbd6 rgb(202,203,214)
```
#d5d6df
```
#d5d6df rgb(213,214,223)
```
#e0e1e7
```
#e0e1e7 rgb(224,225,231)
```
#ebecf0
```
#ebecf0 rgb(235,236,240)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```

Tint Color Variation

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

#56575f
```
#56575f rgb(86,87,95)
```
#4f5166
```
#4f5166 rgb(79,81,102)
```
#484b6d
```
#484b6d rgb(72,75,109)
```
#414574
```
#414574 rgb(65,69,116)
```
#3a407b
```
#3a407b rgb(58,64,123)
```
#333a82
```
#333a82 rgb(51,58,130)
```
#2c3489
```
#2c3489 rgb(44,52,137)
```
#252e90
```
#252e90 rgb(37,46,144)
```
#1e2997
```
#1e2997 rgb(30,41,151)
```
#17239e
```
#17239e rgb(23,35,158)
```
#101da5
```
#101da5 rgb(16,29,165)
```
#0917ac
```
#0917ac rgb(9,23,172)
```
#0212b3
```
#0212b3 rgb(2,18,179)
```

Tone Color Variation

Below, you can see how #4f5166 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
#525357 Atypical Achromatopsia 0.001% of the population

Dichromacy

#565a6e Protanopia 1% of men
#59596e Deuteranopia 1% of men
#555c62 Tritanopia 0.001% of the population

Trichromacy

#53576b Protanomaly 1% of men, 0.01% of women
#55566b Deuteranomaly 6% of men, 0.4% of women
#535863 Tritanomaly 0.01% of the population

#4f5166 hex color

#4f5166 Color Information

#4f5166 Color Conversion

Color Schemes with #4f5166

Alternatives to #4f5166

#4f5166 Preview

Shades and Tints of #4f5166

Tones of #4f5166

Color Blindness Simulator