Color picker

#4f5aec

Conversion

HEX#4f5aec
HEX8#4f5aecff
RGBrgb(79, 90, 236)
CMYK[0.67,0.62,0,0.07]
Name#4f5aec
HCL[298.82,85.54,45.67]
oklab[0.55,0.01,-0.22]
Num5200620
HSI[236.4,0.41,0.53]
lab[45.67,41.23,-74.95]
Lighten
#abb0f6
Darken
#1521c0
Saturate
#3c4aff
Desaturate
#626bd8
Greyscale
#9d9d9d
Brighten
#828dff

Color harmonies of #4f5aec

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#4f5aec
#ec4f5a
#5aec4f

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#4f5aec
#ec4fa8
#ece14f
#4fec92

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#4f5aec
#080917
#161942
#24296c
#333a97
#414ac1

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#4f5aec
#4f99ec
#4f79ec
#4f5aec
#634fec
#834fec

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#4f5aec
#ec4fd8
#99ec4f

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#f2f3fe
#e6e7fc
#d9dcfb
#cdd0fa
#c0c4f8
#b4b8f7
#a7adf6
#9aa1f4
#8e95f3
#8189f1
#757df0
#6872ef
#5c66ed
#4f5aec

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060611
#0b0d22
#111333
#171a43
#1c2054
#222765
#282d76
#2d3387
#333a98
#3840a9
#3e47b9
#444dca
#4954db
#4f5aec

Contrast Checker

Verify the contrast of a #4f5aec colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

5.242 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
4.006 Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #4f5aec

Some examples of color palettes with #4f5aec. View more

Use #4f5aec in CSS

#4f5aec as Background Color in CSS
<div style="background-color:#4f5aec">Background Color</div>
#4f5aec as Text Color in CSS
<div style="color:#4f5aec">Text Color</div>
#4f5aec as Border Color in CSS
<div style="border-color:#4f5aec">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet