#4f54bf Hex Color

The RBG values of the #4f54bf hex color are 79 (red), 84 (blue), and 191 (green). While the HSL values of #4f54bf are 0.66 (hue), 0.41 (saturation), and 0.53 (lightness).

The CMYK values of #4f54bf are 0.59 (cyan), 0.56 (magenta), 0 (yellow), and 0.25 (black).


#4f54bf Color Spaces Conversions

This are the conversions of #4f54bf to the different color spaces.

Hexadecimal

4f54bf

CIE-Lab

40.8394, 29.9175, -57.0469

RGB

79, 84, 191

CIE-Lch

40.8394, 64.4159, 297.6742

HSL

0.66, 0.41, 0.53

CIE-Luv

40.8394, -7.6314, -85.4488

HSV

0.66, 0.59, 0.75

Hunter-Lab

34.2994, 22.1954, -63.6794

CMYK

0.59, 0.56, 0, 0.25

XYZ

15.7987, 11.7645, 50.7283

Binary

1001111, 1010100, 10111111

YXY

11.7645, 0.2018, 0.1503

#4f54bf Color Schemes

This are some of the common color schemes used in web design for the #4f54bf hex color.

#4f54bf Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #4f54bf to #0b0c1e.

#4f54bf Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #4f54bf to #f7f8fc.

#4f54bf Similar Hex Colors



#4f54bf Style Preview

Font Color

#4f54bf Font Color
style='color:#4f54bf;'

Background Color

#4f54bf Background Color
style='background:#4f54bf;'

Border Color

#4f54bf Border Color
style='border:2px solid #4f54bf;'

Text Shadow

#4f54bf Text Shadow
style='text-shadow: 4px 4px 2px #4f54bf;'

Shades Gradient

#4f54bf Shades Gradient
style='background: -moz-linear-gradient(top, #4f54bf, #0b0c1e); background: -webkit-linear-gradient(top, #4f54bf, #0b0c1e); background: -o-linear-gradient(top, #4f54bf, #0b0c1e); background: -ms-linear-gradient(top, #4f54bf, #0b0c1e); background: linear-gradient(top, #4f54bf, #0b0c1e);'

Tints Gradient

#4f54bf Tints Gradient
style='background: -moz-linear-gradient(top, #4f54bf, #f7f8fc); background: -webkit-linear-gradient(top, #4f54bf, #f7f8fc); background: -o-linear-gradient(top, #4f54bf, #f7f8fc); background: -ms-linear-gradient(top, #4f54bf, #f7f8fc); background: linear-gradient(top, #4f54bf, #f7f8fc);'