Color picker

#5263a3

Conversion

HEX#5263a3
HEX8#5263a3ff
RGBrgb(82, 99, 163)
CMYK[0.5,0.39,0,0.36]
Name#5263a3
HCL[287.94,38.5,43.3]
oklab[0.52,0,-0.1]
Num5399459
HSI[228.52,0.28,0.45]
lab[43.3,11.86,-36.63]
Lighten
#939ec8
Darken
#303a5f
Saturate
#3955bb
Desaturate
#6a718a
Greyscale
#7a7a7a
Brighten
#8596d6

Color harmonies of #5263a3

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.
#5263a3
#a35263
#63a352

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.
#5263a3
#a3528b
#a39252
#52a369

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.
#5263a3
#677dcd
#7d97f8
#121623
#272f4e
#3d4978

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.
#5263a3
#5283a3
#5273a3
#5263a3
#5253a3
#6152a3

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5263a3
#a252a3
#83a352

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
#f3f4f8
#e6e9f2
#dadeeb
#ced2e5
#c1c7de
#b5bcd8
#a9b1d1
#9ca6ca
#909bc4
#8390bd
#7784b7
#6b79b0
#5e6eaa
#5263a3

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#06070c
#0c0e17
#121523
#171c2f
#1d233a
#232a46
#293252
#2f395d
#354069
#3b4774
#404e80
#46558c
#4c5c97
#5263a3

Contrast Checker

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

5.718 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.672 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 #5263a3

Some examples of color palettes with #5263a3. View more

Use #5263a3 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet