Color picker

#22200c

Conversion

HEX#22200c
HEX8#22200cff
RGBrgb(34, 32, 12)
CMYK[0,0.06,0.65,0.87]
Name#22200c
HCL[102.04,13,11.96]
oklab[0.24,-0.01,0.03]
Num2236428
HSI[55.28,0.54,0.1]
lab[11.96,-2.71,12.71]
Lighten
#6d6727
Darken
#000000
Saturate
#272407
Desaturate
#1d1c11
Greyscale
#171717
Brighten
#55533f

Color harmonies of #22200c

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.
#22200c
#0c2220
#200c22

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.
#22200c
#0c2215
#0c0e22
#220c19

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.
#22200c
#4d481b
#77702a
#a19839
#ccc048
#f6e857

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.
#22200c
#22170c
#221c0c
#22200c
#20220c
#1b220c

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#22200c
#0c220e
#170c22

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
#efefee
#dfdfdc
#d0cfcb
#c0bfba
#b0afa8
#a09f97
#919086
#818074
#717063
#616051
#515040
#42402f
#32301d
#22200c

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020201
#050502
#070703
#0a0903
#0c0b04
#0f0e05
#111006
#131207
#161508
#181709
#1b1909
#1d1b0a
#201e0b
#22200c

Contrast Checker

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

16.407 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.28 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 #22200c

Some examples of color palettes with #22200c. View more

Use #22200c in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet