Color picker

#146277

Conversion

HEX#146277
HEX8#146277ff
RGBrgb(20, 98, 119)
CMYK[0.83,0.18,0,0.53]
Name#146277
HCL[231.09,23.48,38.23]
oklab[0.46,-0.06,-0.05]
Num1335927
HSI[191.61,0.75,0.31]
lab[38.23,-14.75,-18.27]
Lighten
#23aace
Darken
#051a20
Saturate
#066a85
Desaturate
#225a69
Greyscale
#454545
Brighten
#4795aa

Color harmonies of #146277

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.
#146277
#771462
#627714

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.
#146277
#5a1477
#772914
#307714

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.
#146277
#1b85a1
#22a8cc
#29cbf6
#061c22
#0d3f4c

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.
#146277
#147764
#147677
#146277
#144e77
#143a77

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#146277
#3d1477
#776414

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
#eef4f5
#dde9ec
#cddde2
#bcd2d8
#abc7ce
#9abcc5
#8ab1bb
#79a5b1
#689aa8
#578f9e
#468494
#36788a
#256d81
#146277

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#010709
#030e11
#04151a
#061c22
#07232b
#092a33
#0a313c
#0b3844
#0d3f4d
#0e4655
#104d5e
#115466
#135b6f
#146277

Contrast Checker

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

6.901 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.043 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 #146277

Some examples of color palettes with #146277. View more

Use #146277 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet