Color picker

#5380fb

Conversion

HEX#5380fb
HEX8#5380fbff
RGBrgb(83, 128, 251)
CMYK[0.67,0.49,0,0.02]
Name#5380fb
HCL[289.72,70.13,56.33]
oklab[0.63,-0.01,-0.19]
Num5472507
HSI[225.01,0.46,0.6]
lab[56.33,23.66,-66.02]
Lighten
#b7cafd
Darken
#0541e3
Saturate
#4f7eff
Desaturate
#6588e9
Greyscale
#a7a7a7
Brighten
#86b3ff

Color harmonies of #5380fb

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.
#5380fb
#fb5380
#80fb53

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.
#5380fb
#fb53d4
#fbce53
#53fb7a

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.
#5380fb
#0d1426
#1b2951
#293f7b
#3755a6
#456ad0

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.
#5380fb
#53c3fb
#53a2fb
#5380fb
#535efb
#6953fb

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5380fb
#f053fb
#c3fb53

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
#f3f6ff
#e6edfe
#dae4fe
#cedbfe
#c2d2fe
#b5c9fd
#a9c0fd
#9db6fd
#90adfc
#84a4fc
#789bfc
#6c92fc
#5f89fb
#5380fb

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060912
#0c1224
#121b36
#182548
#1e2e5a
#24376c
#2a407e
#2f498f
#3552a1
#3b5bb3
#4165c5
#476ed7
#4d77e9
#5380fb

Contrast Checker

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

3.591 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!
5.848 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!

Color Palettes #5380fb

Some examples of color palettes with #5380fb. View more

Use #5380fb in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet