Color picker

#582fdb

Conversion

HEX#582fdb
HEX8#582fdbff
RGBrgb(88, 47, 219)
CMYK[0.6,0.79,0,0.14]
Name#582fdb
HCL[306.85,100.55,36.41]
oklab[0.48,0.06,-0.23]
Num5779419
HSI[253.19,0.6,0.46]
lab[36.41,60.3,-80.47]
Lighten
#9e86ea
Darken
#34188c
Saturate
#4b17f3
Desaturate
#6547c3
Greyscale
#858585
Brighten
#8b62ff

Color harmonies of #582fdb

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.
#582fdb
#db582f
#2fdb58

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.
#582fdb
#db2f5c
#b2db2f
#2fdbae

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.
#582fdb
#030106
#140b31
#25145b
#361d86
#4726b0

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.
#582fdb
#2f4bdb
#362fdb
#582fdb
#7a2fdb
#9d2fdb

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#582fdb
#db2f90
#4bdb2f

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
#f3f0fc
#e7e1fa
#dbd2f7
#cfc4f5
#c3b5f2
#b7a6f0
#ac97ed
#a088ea
#9479e8
#886ae5
#7c5ce3
#704de0
#643ede
#582fdb

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060310
#0d071f
#130a2f
#190d3f
#1f114e
#26145e
#2c186e
#321b7d
#391e8d
#3f229c
#4525ac
#4b28bc
#522ccb
#582fdb

Contrast Checker

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

7.383 Very 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!
2.844 Very 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 #582fdb

Some examples of color palettes with #582fdb. View more

Use #582fdb in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet