Color picker

#4f50ba

Conversion

HEX#4f50ba
HEX8#4f50baff
RGBrgb(79, 80, 186)
CMYK[0.58,0.57,0,0.27]
Name#4f50ba
HCL[298.65,64.16,39.49]
oklab[0.49,0.02,-0.16]
Num5198010
HSI[239.53,0.31,0.45]
lab[39.49,30.76,-56.31]
Lighten
#9899d7
Darken
#2e2f75
Saturate
#3738d2
Desaturate
#6868a1
Greyscale
#848484
Brighten
#8283ed

Color harmonies of #4f50ba

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.
#4f50ba
#ba4f50
#50ba4f

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.
#4f50ba
#ba4f85
#bab94f
#4fba83

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.
#4f50ba
#6162e4
#070710
#19193a
#2b2b65
#3d3e8f

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.
#4f50ba
#4f7bba
#4f65ba
#4f50ba
#634fba
#794fba

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#4f50ba
#ba4fa6
#7bba4f

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
#f2f3fa
#e6e6f5
#d9daf0
#cdcdeb
#c0c1e6
#b4b4e1
#a7a8dd
#9a9bd8
#8e8fd3
#8182ce
#7576c9
#6869c4
#5c5dbf
#4f50ba

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#06060d
#0b0b1b
#111128
#171735
#1c1d42
#222250
#28285d
#2d2e6a
#333378
#383985
#3e3f92
#44459f
#494aad
#4f50ba

Contrast Checker

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

6.585 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!
3.189 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 #4f50ba

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

Use #4f50ba in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet