Color picker

#5a5aaf

Conversion

HEX#5a5aaf
HEX8#5a5aafff
RGBrgb(90, 90, 175)
CMYK[0.49,0.49,0,0.31]
Name#5a5aaf
HCL[297.06,51.15,42.12]
oklab[0.51,0.02,-0.13]
Num5921455
HSI[240,0.24,0.46]
lab[42.12,23.27,-45.55]
Lighten
#9f9fd0
Darken
#35356e
Saturate
#4242c7
Desaturate
#737396
Greyscale
#848484
Brighten
#8d8de2

Color harmonies of #5a5aaf

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.
#5a5aaf
#af5a5a
#5aaf5a

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.
#5a5aaf
#af5a84
#afaf5a
#5aaf84

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.
#5a5aaf
#7070d9
#030305
#18182f
#2e2e5a
#444484

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.
#5a5aaf
#5a7caf
#5a6baf
#5a5aaf
#6b5aaf
#7c5aaf

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5a5aaf
#af5a9e
#7caf5a

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
#f3f3f9
#e7e7f4
#dcdcee
#d0d0e8
#c4c4e2
#b8b8dd
#adadd7
#a1a1d1
#9595cc
#8989c6
#7d7dc0
#7272ba
#6666b5
#5a5aaf

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#06060d
#0d0d19
#131326
#1a1a32
#20203f
#27274b
#2d2d58
#333364
#3a3a71
#40407d
#47478a
#4d4d96
#5454a3
#5a5aaf

Contrast Checker

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

5.972 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.516 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 #5a5aaf

Some examples of color palettes with #5a5aaf. View more

Use #5a5aaf in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet