#4f5168 hex color

In a RGB color space, hex #4f5168 is composed of 31% red, 31.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 24% cyan, 22.1% magenta, 0% yellow and 59.2% black. It has a hue angle of 235.2 degrees, a saturation of 13.7% and a lightness of 35.9%. #4f5168 color hex could be obtained by blending #9ea2d0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 32
- B 41
RGB color chart
- C 24
- M 22
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #4f5168 has RGB values of R:79, G:81, B:104 and CMYK values of C:0.24, M:0.22, Y:0, K:0.59. Its decimal value is 5198184.

Hex triplet	4f5168	`#4f5168`
RGB Decimal	79, 81, 104	`rgb(79,81,104)`
RGB Percent	31, 31.8, 40.8	`rgb(31%,31.8%,40.8%)`
CMYK	24, 22, 0, 59
HSL	235.2°, 13.7, 35.9	`hsl(235.2,13.7%,35.9%)`
HSV (or HSB)	235.2°, 24, 40.8
Web Safe	666666	`#666666`

CIE-LAB	35.096, 4.792, -13.539
XYZ	8.665, 8.546, 14.289
xyY	0.275, 0.271, 8.546
CIE-LCH	35.096, 14.362, 289.493
CIE-LUV	35.096, -2.278, -18.418
Hunter-Lab	29.234, 1.747, -8.515
Binary	01001111, 01010001, 01101000

#4f5168
```
#4f5168 rgb(79,81,104)
```
#68664f
```
#68664f rgb(104,102,79)
```

Complementary Color

#4f5e68
```
#4f5e68 rgb(79,94,104)
```
#4f5168
```
#4f5168 rgb(79,81,104)
```
#5a4f68
```
#5a4f68 rgb(90,79,104)
```

Analogous Color

#5e684f
```
#5e684f rgb(94,104,79)
```
#4f5168
```
#4f5168 rgb(79,81,104)
```
#685a4f
```
#685a4f rgb(104,90,79)
```

Split Complementary Color

#51684f
```
#51684f rgb(81,104,79)
```
#4f5168
```
#4f5168 rgb(79,81,104)
```
#684f51
```
#684f51 rgb(104,79,81)
```

Triadic Color

#4f6866
```
#4f6866 rgb(79,104,102)
```
#4f5168
```
#4f5168 rgb(79,81,104)
```
#684f51
```
#684f51 rgb(104,79,81)
```
#68664f
```
#68664f rgb(104,102,79)
```

Tetradic Color

#2e2f3d
```
#2e2f3d rgb(46,47,61)
```
#393a4b
```
#393a4b rgb(57,58,75)
```
#44465a
```
#44465a rgb(68,70,90)
```
#4f5168
```
#4f5168 rgb(79,81,104)
```
#5a5c76
```
#5a5c76 rgb(90,92,118)
```
#656885
```
#656885 rgb(101,104,133)
```
#717393
```
#717393 rgb(113,115,147)
```

Monochromatic Color

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

#4f5768
```
#4f5768 rgb(79,87,104)
```
#4f5568
```
#4f5568 rgb(79,85,104)
```
#4f5368
```
#4f5368 rgb(79,83,104)
```
#4f5168
```
#4f5168 rgb(79,81,104)
```
#4f4f68
```
#4f4f68 rgb(79,79,104)
```
#514f68
```
#514f68 rgb(81,79,104)
```
#534f68
```
#534f68 rgb(83,79,104)
```

Similar Colors

Text with hexadecimal color #4f5168

This text has a font color of #4f5168.

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

#4f5168 background color

This paragraph has a background color of #4f5168.

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

#4f5168 border color

This element has a border color of #4f5168.

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

CSS codes

.text {color:#4f5168;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0c0f
```
#0b0c0f rgb(11,12,15)
```
#14141a
```
#14141a rgb(20,20,26)
```
#1c1d25
```
#1c1d25 rgb(28,29,37)
```
#252630
```
#252630 rgb(37,38,48)
```
#2d2e3b
```
#2d2e3b rgb(45,46,59)
```
#363747
```
#363747 rgb(54,55,71)
```
#3e4052
```
#3e4052 rgb(62,64,82)
```
#47485d
```
#47485d rgb(71,72,93)
```
#4f5168
```
#4f5168 rgb(79,81,104)
```
#575a73
```
#575a73 rgb(87,90,115)
```
#60627e
```
#60627e rgb(96,98,126)
```
#686b89
```
#686b89 rgb(104,107,137)
```

Shade Color Variation

#727494
```
#727494 rgb(114,116,148)
```
#7d7f9c
```
#7d7f9c rgb(125,127,156)
```
#888aa5
```
#888aa5 rgb(136,138,165)
```
#9395ad
```
#9395ad rgb(147,149,173)
```
#9ea0b6
```
#9ea0b6 rgb(158,160,182)
```
#a9abbe
```
#a9abbe rgb(169,171,190)
```
#b5b6c7
```
#b5b6c7 rgb(181,182,199)
```
#c0c1cf
```
#c0c1cf rgb(192,193,207)
```
#cbccd7
```
#cbccd7 rgb(203,204,215)
```
#d6d7e0
```
#d6d7e0 rgb(214,215,224)
```
#e1e2e8
```
#e1e2e8 rgb(225,226,232)
```
#ecedf1
```
#ecedf1 rgb(236,237,241)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

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

#565761
```
#565761 rgb(86,87,97)
```
#4f5168
```
#4f5168 rgb(79,81,104)
```
#484b6f
```
#484b6f rgb(72,75,111)
```
#414576
```
#414576 rgb(65,69,118)
```
#3a3f7d
```
#3a3f7d rgb(58,63,125)
```
#333984
```
#333984 rgb(51,57,132)
```
#2c338b
```
#2c338b rgb(44,51,139)
```
#252e92
```
#252e92 rgb(37,46,146)
```
#1e2899
```
#1e2899 rgb(30,40,153)
```
#1722a0
```
#1722a0 rgb(23,34,160)
```
#101ca7
```
#101ca7 rgb(16,28,167)
```
#0916ae
```
#0916ae rgb(9,22,174)
```
#0210b5
```
#0210b5 rgb(2,16,181)
```

Tone Color Variation

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

#555a70 Protanopia 1% of men
#58596f Deuteranopia 1% of men
#555c63 Tritanopia 0.001% of the population

Trichromacy

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

#4f5168 hex color

#4f5168 Color Information

#4f5168 Color Conversion

Color Schemes with #4f5168

Alternatives to #4f5168

#4f5168 Preview

Shades and Tints of #4f5168

Tones of #4f5168

Color Blindness Simulator