Color picker

#221636

Conversion

HEX#221636
HEX8#221636ff
RGBrgb(34, 22, 54)
CMYK[0.37,0.59,0,0.79]
Name#221636
HCL[307.82,23.86,10.41]
oklab[0.23,0.03,-0.05]
Num2233910
HSI[261.79,0.4,0.14]
lab[10.41,14.63,-18.85]
Lighten
#50347e
Darken
#000000
Saturate
#200e3e
Desaturate
#241e2e
Greyscale
#262626
Brighten
#554969

Color harmonies of #221636

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.
#221636
#362216
#163622

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.
#221636
#36161a
#2a3616
#163632

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.
#221636
#3d2760
#58398b
#724ab5
#8d5be0
#07050b

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.
#221636
#161736
#1c1636
#221636
#281636
#2f1636

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#221636
#361624
#173616

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
#efeef1
#dfdee2
#d0cdd4
#c0bcc6
#b0acb7
#a09ba9
#918b9b
#817a8c
#71697e
#61596f
#514861
#423753
#322744
#221636

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020204
#050308
#07050c
#0a060f
#0c0813
#0f0917
#110b1b
#130d1f
#160e23
#181027
#1b112a
#1d132e
#201432
#221636

Contrast Checker

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

16.99 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.236 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 #221636

Some examples of color palettes with #221636. View more

Use #221636 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet