Color picker

#504ea9

Conversion

HEX#504ea9
HEX8#504ea9ff
RGBrgb(80, 78, 169)
CMYK[0.53,0.54,0,0.34]
Name#504ea9
HCL[298.61,55.66,37.87]
oklab[0.48,0.03,-0.14]
Num5263017
HSI[241.1,0.28,0.43]
lab[37.87,26.66,-48.86]
Lighten
#9291cc
Darken
#2f2e63
Saturate
#3835c2
Desaturate
#686790
Greyscale
#7b7b7b
Brighten
#8381dc

Color harmonies of #504ea9

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.
#504ea9
#a9504e
#4ea950

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.
#504ea9
#a94e79
#a7a94e
#4ea97d

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.
#504ea9
#6462d3
#7875fe
#141329
#282754
#3c3a7e

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.
#504ea9
#4e70a9
#4e5ea9
#504ea9
#624ea9
#744ea9

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#504ea9
#a94e95
#70a94e

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
#f3f2f9
#e6e6f3
#dad9ed
#cdcce6
#c1c0e0
#b4b3da
#a8a7d4
#9b9ace
#8f8dc8
#8281c2
#7674bb
#6967b5
#5d5baf
#504ea9

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#06060c
#0b0b18
#111124
#171630
#1d1c3c
#222148
#282755
#2e2d61
#33326d
#393879
#3f3d85
#454391
#4a489d
#504ea9

Contrast Checker

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

6.991 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.004 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 #504ea9

Some examples of color palettes with #504ea9. View more

Use #504ea9 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet