#4f5668 hex color

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

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

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

The hexadecimal color #4f5668 has RGB values of R:79, G:86, B:104 and CMYK values of C:0.24, M:0.17, Y:0, K:0.59. Its decimal value is 5199464.

Hex triplet	4f5668	`#4f5668`
RGB Decimal	79, 86, 104	`rgb(79,86,104)`
RGB Percent	31, 33.7, 40.8	`rgb(31%,33.7%,40.8%)`
CMYK	24, 17, 0, 59
HSL	223.2°, 13.7, 35.9	`hsl(223.2,13.7%,35.9%)`
HSV (or HSB)	223.2°, 24, 40.8
Web Safe	666666	`#666666`

CIE-LAB	36.588, 1.649, -11.27
XYZ	9.05, 9.317, 14.418
xyY	0.276, 0.284, 9.317
CIE-LCH	36.588, 11.39, 278.327
CIE-LUV	36.588, -4.447, -15.093
Hunter-Lab	30.524, -0.492, -6.638
Binary	01001111, 01010110, 01101000

#4f5668
```
#4f5668 rgb(79,86,104)
```
#68614f
```
#68614f rgb(104,97,79)
```

Complementary Color

#4f6368
```
#4f6368 rgb(79,99,104)
```
#4f5668
```
#4f5668 rgb(79,86,104)
```
#554f68
```
#554f68 rgb(85,79,104)
```

Analogous Color

#63684f
```
#63684f rgb(99,104,79)
```
#4f5668
```
#4f5668 rgb(79,86,104)
```
#68554f
```
#68554f rgb(104,85,79)
```

Split Complementary Color

#56684f
```
#56684f rgb(86,104,79)
```
#4f5668
```
#4f5668 rgb(79,86,104)
```
#684f56
```
#684f56 rgb(104,79,86)
```

Triadic Color

#4f6861
```
#4f6861 rgb(79,104,97)
```
#4f5668
```
#4f5668 rgb(79,86,104)
```
#684f56
```
#684f56 rgb(104,79,86)
```
#68614f
```
#68614f rgb(104,97,79)
```

Tetradic Color

#2e323d
```
#2e323d rgb(46,50,61)
```
#393e4b
```
#393e4b rgb(57,62,75)
```
#444a5a
```
#444a5a rgb(68,74,90)
```
#4f5668
```
#4f5668 rgb(79,86,104)
```
#5a6276
```
#5a6276 rgb(90,98,118)
```
#656e85
```
#656e85 rgb(101,110,133)
```
#717a93
```
#717a93 rgb(113,122,147)
```

Monochromatic Color

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

#4f5c68
```
#4f5c68 rgb(79,92,104)
```
#4f5a68
```
#4f5a68 rgb(79,90,104)
```
#4f5868
```
#4f5868 rgb(79,88,104)
```
#4f5668
```
#4f5668 rgb(79,86,104)
```
#4f5468
```
#4f5468 rgb(79,84,104)
```
#4f5268
```
#4f5268 rgb(79,82,104)
```
#4f5068
```
#4f5068 rgb(79,80,104)
```

Similar Colors

Text with hexadecimal color #4f5668

This text has a font color of #4f5668.

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

#4f5668 background color

This paragraph has a background color of #4f5668.

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

#4f5668 border color

This element has a border color of #4f5668.

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

CSS codes

.text {color:#4f5668;}

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

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

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)
```
#14151a
```
#14151a rgb(20,21,26)
```
#1c1f25
```
#1c1f25 rgb(28,31,37)
```
#252830
```
#252830 rgb(37,40,48)
```
#2d313b
```
#2d313b rgb(45,49,59)
```
#363a47
```
#363a47 rgb(54,58,71)
```
#3e4452
```
#3e4452 rgb(62,68,82)
```
#474d5d
```
#474d5d rgb(71,77,93)
```
#4f5668
```
#4f5668 rgb(79,86,104)
```
#575f73
```
#575f73 rgb(87,95,115)
```
#60687e
```
#60687e rgb(96,104,126)
```
#687289
```
#687289 rgb(104,114,137)
```

Shade Color Variation

#727b94
```
#727b94 rgb(114,123,148)
```
#7d869c
```
#7d869c rgb(125,134,156)
```
#8890a5
```
#8890a5 rgb(136,144,165)
```
#939aad
```
#939aad rgb(147,154,173)
```
#9ea5b6
```
#9ea5b6 rgb(158,165,182)
```
#a9afbe
```
#a9afbe rgb(169,175,190)
```
#b5bac7
```
#b5bac7 rgb(181,186,199)
```
#c0c4cf
```
#c0c4cf rgb(192,196,207)
```
#cbced7
```
#cbced7 rgb(203,206,215)
```
#d6d9e0
```
#d6d9e0 rgb(214,217,224)
```
#e1e3e8
```
#e1e3e8 rgb(225,227,232)
```
#eceef1
```
#eceef1 rgb(236,238,241)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

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

#565961
```
#565961 rgb(86,89,97)
```
#4f5668
```
#4f5668 rgb(79,86,104)
```
#48536f
```
#48536f rgb(72,83,111)
```
#415076
```
#415076 rgb(65,80,118)
```
#3a4d7d
```
#3a4d7d rgb(58,77,125)
```
#334a84
```
#334a84 rgb(51,74,132)
```
#2c478b
```
#2c478b rgb(44,71,139)
```
#254392
```
#254392 rgb(37,67,146)
```
#1e4099
```
#1e4099 rgb(30,64,153)
```
#173da0
```
#173da0 rgb(23,61,160)
```
#103aa7
```
#103aa7 rgb(16,58,167)
```
#0937ae
```
#0937ae rgb(9,55,174)
```
#0234b5
```
#0234b5 rgb(2,52,181)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#55565a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5e6f Protanopia 1% of men
#5e5c70 Deuteranopia 1% of men
#566067 Tritanopia 0.001% of the population

Trichromacy

#565b6c Protanomaly 1% of men, 0.01% of women
#585a6d Deuteranomaly 6% of men, 0.4% of women
#535c67 Tritanomaly 0.01% of the population

#4f5668 hex color

#4f5668 Color Information

#4f5668 Color Conversion

Color Schemes with #4f5668

Alternatives to #4f5668

#4f5668 Preview

Shades and Tints of #4f5668

Tones of #4f5668

Color Blindness Simulator