Color picker

#517dc4

Conversion

HEX#517dc4
HEX8#517dc4ff
RGBrgb(81, 125, 196)
CMYK[0.59,0.36,0,0.23]
Name#517dc4
HCL[278.78,42.1,52.29]
oklab[0.59,-0.02,-0.12]
Num5340612
HSI[217.72,0.4,0.53]
lab[52.29,6.42,-41.6]
Lighten
#9db6de
Darken
#2c4d83
Saturate
#3a78db
Desaturate
#6882ad
Greyscale
#8a8a8a
Brighten
#84b0f7

Color harmonies of #517dc4

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.
#517dc4
#c4517d
#7dc451

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.
#517dc4
#c451b6
#c49851
#51c45e

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.
#517dc4
#6398ee
#0b111a
#1c2c44
#2e476f
#3f6299

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.
#517dc4
#51abc4
#5194c4
#517dc4
#5166c4
#5351c4

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#517dc4
#af51c4
#abc451

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
#f3f6fb
#e6ecf7
#dae3f2
#cddaee
#c1d1ea
#b4c7e6
#a8bee2
#9cb5dd
#8fabd9
#83a2d5
#7699d1
#6a90cc
#5d86c8
#517dc4

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#06090e
#0c121c
#111b2a
#172438
#1d2d46
#233654
#293f62
#2e4770
#34507e
#3a598c
#40629a
#456ba8
#4b74b6
#517dc4

Contrast Checker

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

4.134 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.08 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 #517dc4

Some examples of color palettes with #517dc4. View more

Use #517dc4 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet