Color picker

#005bf0

Conversion

HEX#005bf0
HEX8#005bf0ff
RGBrgb(0, 91, 240)
CMYK[1,0.62,0,0.06]
Name#005bf0
HCL[294.48,88.11,43.9]
oklab[0.53,-0.04,-0.23]
Num23536
HSI[217.94,1,0.43]
lab[43.9,36.51,-80.19]
Lighten
#5797ff
Darken
#00348a
Saturate
#005bf0
Desaturate
#1861d8
Greyscale
#787878
Brighten
#338eff

Color harmonies of #005bf0

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.
#005bf0
#f0005b
#5bf000

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.
#005bf0
#f000d3
#f09500
#00f01d

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.
#005bf0
#000a1b
#001b46
#002b70
#003b9b
#004bc5

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.
#005bf0
#00bbf0
#008bf0
#005bf0
#002bf0
#0500f0

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#005bf0
#c500f0
#bbf000

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
#edf3fe
#dbe8fd
#c8dcfc
#b6d0fb
#a4c4fa
#92b9f9
#80adf8
#6da1f6
#5b96f5
#498af4
#377ef3
#2472f2
#1267f1
#005bf0

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#000711
#000d22
#001433
#001a45
#002156
#002767
#002e78
#003489
#003b9a
#0041ab
#0048bd
#004ece
#0055df
#005bf0

Contrast Checker

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

5.593 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.755 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 #005bf0

Some examples of color palettes with #005bf0. View more

Use #005bf0 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet