Color picker

#22150a

Conversion

HEX#22150a
HEX8#22150aff
RGBrgb(34, 21, 10)
CMYK[0,0.38,0.71,0.87]
Name#22150a
HCL[58.54,9.55,8.11]
oklab[0.21,0.01,0.03]
Num2233610
HSI[27.25,0.54,0.08]
lab[8.11,4.98,8.14]
Lighten
#714621
Darken
#000000
Saturate
#261506
Desaturate
#1e150e
Greyscale
#161616
Brighten
#55483d

Color harmonies of #22150a

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.
#22150a
#0a2215
#150a22

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.
#22150a
#0b220a
#0a1722
#210a22

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.
#22150a
#4d2f17
#774923
#a16430
#cc7e3c
#f69849

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.
#22150a
#220b0a
#22100a
#22150a
#221a0a
#221f0a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#22150a
#12220a
#0b0a22

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
#efeeee
#dfdedc
#d0cdcb
#c0bcb9
#b0aba8
#a09b96
#918a85
#817973
#716962
#615850
#51473f
#42362d
#32261c
#22150a

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020201
#050301
#070502
#0a0603
#0c0804
#0f0904
#110b05
#130c06
#160e06
#180f07
#1b1108
#1d1209
#201409
#22150a

Contrast Checker

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

17.802 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.18 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 #22150a

Some examples of color palettes with #22150a. View more

Use #22150a in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet