Color picker

#718dcd

Conversion

HEX#718dcd
HEX8#718dcdff
RGBrgb(113, 141, 205)
CMYK[0.45,0.31,0,0.2]
Name#718dcd
HCL[281.07,36.8,58.94]
oklab[0.65,-0.01,-0.1]
Num7441869
HSI[222.73,0.26,0.6]
lab[58.94,7.07,-36.12]
Lighten
#bccae8
Darken
#3858a0
Saturate
#5e85e0
Desaturate
#8495ba
Greyscale
#9f9f9f
Brighten
#a4c0ff

Color harmonies of #718dcd

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.
#718dcd
#cd718d
#8dcd71

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.
#718dcd
#cd71bb
#cdb171
#71cd83

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.
#718dcd
#88aaf7
#131823
#2b354d
#425378
#5a70a2

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.
#718dcd
#71b2cd
#719fcd
#718dcd
#717bcd
#7a71cd

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#718dcd
#c371cd
#b2cd71

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
#f5f7fb
#ebeff8
#e1e7f4
#d6def1
#ccd6ed
#c2ceea
#b8c6e6
#aebee2
#a4b6df
#9aaedb
#8fa5d8
#859dd4
#7b95d1
#718dcd

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#080a0f
#10141d
#181e2c
#20283b
#283249
#303c58
#394767
#415175
#495b84
#516592
#596fa1
#6179b0
#6983be
#718dcd

Contrast Checker

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

3.285 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!
6.394 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 #718dcd

Some examples of color palettes with #718dcd. View more

Use #718dcd in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet