Color picker

#727fbb

Conversion

HEX#727fbb
HEX8#727fbbff
RGBrgb(114, 127, 187)
CMYK[0.39,0.32,0,0.27]
Name#727fbb
HCL[287.48,34.62,54.39]
oklab[0.61,0.01,-0.09]
Num7503803
HSI[230.39,0.2,0.56]
lab[54.39,10.4,-33.02]
Lighten
#b7bddc
Darken
#414d86
Saturate
#5d72d0
Desaturate
#878ca6
Greyscale
#969696
Brighten
#a5b2ee

Color harmonies of #727fbb

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.
#727fbb
#bb727f
#7fbb72

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.
#727fbb
#bb72a3
#bbae72
#72bb89

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.
#727fbb
#8c9ce5
#0a0c11
#24283b
#3e4566
#586290

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.
#727fbb
#729cbb
#728ebb
#727fbb
#7472bb
#8272bb

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#727fbb
#bb72b9
#9cbb72

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
#f5f6fa
#ebedf5
#e1e4f0
#d7daec
#cdd1e7
#c3c8e2
#b9bfdd
#aeb6d8
#a4add3
#9aa4ce
#909aca
#8691c5
#7c88c0
#727fbb

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#08090d
#10121b
#181b28
#212435
#292d43
#313650
#39405e
#41496b
#495278
#515b86
#5a6493
#626da0
#6a76ae
#727fbb

Contrast Checker

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

3.84 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.469 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 #727fbb

Some examples of color palettes with #727fbb. View more

Use #727fbb in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet