Color picker

#005bff

Conversion

HEX#005bff
HEX8#005bffff
RGBrgb(0, 91, 255)
CMYK[1,0.64,0,0]
Name#005bff
HCL[295.98,96.13,45.22]
oklab[0.54,-0.03,-0.25]
Num23551
HSI[219.39,1,0.45]
lab[45.22,42.11,-86.41]
Lighten
#669dff
Darken
#003799
Saturate
#005bff
Desaturate
#1962e6
Greyscale
#808080
Brighten
#338eff

Color harmonies of #005bff

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.
#005bff
#ff005b
#5bff00

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.
#005bff
#ff00db
#ffa400
#00ff24

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.
#005bff
#000f2a
#001e55
#002e80
#003daa
#004cd4

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.
#005bff
#00c1ff
#008eff
#005bff
#0028ff
#0b00ff

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#005bff
#d700ff
#c1ff00

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
#edf3ff
#dbe8ff
#c8dcff
#b6d0ff
#a4c4ff
#92b9ff
#80adff
#6da1ff
#5b96ff
#498aff
#377eff
#2472ff
#1267ff
#005bff

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#000712
#000d24
#001437
#001a49
#00215b
#00276d
#002e80
#003492
#003ba4
#0041b6
#0048c8
#004edb
#0055ed
#005bff

Contrast Checker

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

5.329 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.94 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 #005bff

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

Use #005bff in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet