Color picker

#2211ad

Conversion

HEX#2211ad
HEX8#2211adff
RGBrgb(34, 17, 173)
CMYK[0.8,0.9,0,0.32]
Name#2211ad
HCL[306.01,93.98,22.85]
oklab[0.36,0,-0.22]
Num2232749
HSI[245.7,0.77,0.29]
lab[22.85,55.25,-76.03]
Lighten
#4c38eb
Darken
#100850
Saturate
#1500be
Desaturate
#31249a
Greyscale
#5f5f5f
Brighten
#5544e0

Color harmonies of #2211ad

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.
#2211ad
#ad2211
#11ad22

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.
#2211ad
#ad114e
#9cad11
#11ad70

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.
#2211ad
#2a15d7
#010003
#09042d
#110958
#1a0d82

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.
#2211ad
#113ead
#111fad
#2211ad
#4111ad
#6011ad

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2211ad
#ad117d
#3ead11

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
#efeef9
#dfddf3
#d0cced
#c0bbe8
#b0aae2
#a099dc
#9188d6
#8177d0
#7166ca
#6155c4
#5144bf
#4233b9
#3222b3
#2211ad

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#02010c
#050219
#070425
#0a0531
#0c063e
#0f074a
#110957
#130a63
#160b6f
#180c7c
#1b0d88
#1d0f94
#2010a1
#2211ad

Contrast Checker

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

11.989 Very Good 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.752 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 #2211ad

Some examples of color palettes with #2211ad. View more

Use #2211ad in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet