Color picker

#040c22

Conversion

HEX#040c22
HEX8#040c22ff
RGBrgb(4, 12, 34)
CMYK[0.88,0.65,0,0.87]
Name#040c22
HCL[283.42,15.17,3.65]
oklab[0.16,-0.01,-0.05]
Num265250
HSI[225.08,0.76,0.07]
lab[3.65,3.52,-14.76]
Lighten
#0f2c7d
Darken
#000000
Saturate
#000a26
Desaturate
#080e1e
Greyscale
#131313
Brighten
#373f55

Color harmonies of #040c22

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.
#040c22
#22040c
#0c2204

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.
#040c22
#22041b
#221a04
#04220b

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.
#040c22
#091b4d
#0e2a77
#1339a1
#1848cc
#1d57f6

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.
#040c22
#041822
#041222
#040c22
#040622
#080422

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#040c22
#200422
#182204

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
#edeeef
#dbdcdf
#c9cbd0
#b7bac0
#a5a8b0
#9397a0
#828691
#707481
#5e6371
#4c5161
#3a4051
#282f42
#161d32
#040c22

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#000102
#010205
#010307
#01030a
#01040c
#02050f
#020611
#020713
#030816
#030918
#03091b
#030a1d
#040b20
#040c22

Contrast Checker

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

19.429 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.081 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 #040c22

Some examples of color palettes with #040c22. View more

Use #040c22 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet