Color picker

#1c768e

Conversion

HEX#1c768e
HEX8#1c768eff
RGBrgb(28, 118, 142)
CMYK[0.8,0.17,0,0.44]
Name#1c768e
HCL[230.37,26.46,45.85]
oklab[0.53,-0.07,-0.06]
Num1865358
HSI[191.52,0.71,0.38]
lab[45.85,-16.88,-20.38]
Lighten
#38b6d8
Darken
#0b2f39
Saturate
#0b809f
Desaturate
#2d6c7d
Greyscale
#555555
Brighten
#4fa9c1

Color harmonies of #1c768e

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.
#1c768e
#8e1c76
#768e1c

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.
#1c768e
#6d1c8e
#8e341c
#3d8e1c

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.
#1c768e
#2499b8
#2dbde3
#030c0e
#0b2f39
#145363

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.
#1c768e
#1c8e78
#1c8d8e
#1c768e
#1c5f8e
#1c488e

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#1c768e
#4b1c8e
#8e781c

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
#eff5f7
#dfebef
#cee2e7
#bed8df
#aeced7
#9ec4cf
#8ebbc7
#7db1be
#6da7b6
#5d9dae
#4d93a6
#3c8a9e
#2c8096
#1c768e

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#02080a
#041114
#06191e
#082229
#0a2a33
#0c333d
#0e3b47
#104351
#124c5b
#145465
#165d70
#18657a
#1a6e84
#1c768e

Contrast Checker

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

5.209 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!
4.031 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 #1c768e

Some examples of color palettes with #1c768e. View more

Use #1c768e in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet