Color picker

#21886d

Conversion

HEX#21886d
HEX8#21886dff
RGBrgb(33, 136, 109)
CMYK[0.76,0,0.2,0.47]
Name#21886d
HCL[169.91,36.02,50.73]
oklab[0.56,-0.1,0.02]
Num2197613
HSI[165.36,0.64,0.36]
lab[50.73,-35.47,6.31]
Lighten
#3fd0aa
Darken
#0d362b
Saturate
#109975
Desaturate
#327765
Greyscale
#545454
Brighten
#54bba0

Color harmonies of #21886d

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.
#21886d
#6d2188
#886d21

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.
#21886d
#392188
#88213c
#6f8821

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.
#21886d
#2bb38f
#36ddb1
#020807
#0c3329
#175d4b

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.
#21886d
#218844
#218858
#21886d
#218882
#217a88

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#21886d
#212788
#884421

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
#eff7f5
#dfeeea
#cfe6e0
#c0ddd5
#b0d5cb
#a0ccc0
#90c4b6
#80bbac
#70b3a1
#60aa97
#51a28c
#419982
#319177
#21886d

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020a08
#051310
#071d17
#09271f
#0c3127
#0e3a2f
#114437
#134e3e
#155746
#18614e
#1a6b56
#1c755d
#1f7e65
#21886d

Contrast Checker

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

4.368 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!
4.807 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!

Color Palettes #21886d

Some examples of color palettes with #21886d. View more

Use #21886d in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet