Color picker

#0c1624

Conversion

HEX#0c1624
HEX8#0c1624ff
RGBrgb(12, 22, 36)
CMYK[0.67,0.39,0,0.86]
Name#0c1624
HCL[273.43,11.05,7.04]
oklab[0.2,-0.01,-0.03]
Num792100
HSI[215.5,0.49,0.09]
lab[7.04,0.66,-11.03]
Lighten
#254570
Darken
#000000
Saturate
#071529
Desaturate
#11171f
Greyscale
#181818
Brighten
#3f4957

Color harmonies of #0c1624

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.
#0c1624
#240c16
#16240c

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.
#0c1624
#240c22
#241a0c
#0c240e

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.
#0c1624
#1a304e
#284a79
#3764a3
#457ece
#5398f8

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.
#0c1624
#0c2024
#0c1b24
#0c1624
#0c1124
#0c0c24

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#0c1624
#1f0c24
#20240c

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
#eeeeef
#dcdee0
#cbcdd0
#babcc0
#a8acb1
#979ba1
#868b92
#747a82
#636972
#515963
#404853
#2f3743
#1d2734
#0c1624

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#010203
#020305
#030508
#03060a
#04080d
#05090f
#060b12
#070d15
#080e17
#09101a
#09111c
#0a131f
#0b1421
#0c1624

Contrast Checker

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

18.168 Super 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!
1.156 Very 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 #0c1624

Some examples of color palettes with #0c1624. View more

Use #0c1624 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet