Color picker

#dd1422

Conversion

HEX#dd1422
HEX8#dd1422ff
RGBrgb(221, 20, 34)
CMYK[0,0.91,0.85,0.13]
Name#dd1422
HCL[34.37,85.28,46.97]
oklab[0.57,0.2,0.1]
Num14488610
HSI[356.42,0.78,0.36]
lab[46.97,70.39,48.14]
Lighten
#f16670
Darken
#7f0c14
Saturate
#f10011
Desaturate
#c52c37
Greyscale
#787878
Brighten
#ff4755

Color harmonies of #dd1422

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.
#dd1422
#22dd14
#1422dd

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.
#dd1422
#86dd14
#14ddcf
#6a14dd

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.
#dd1422
#080101
#330508
#5d080e
#880c15
#b3101b

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.
#dd1422
#dd1472
#dd144a
#dd1422
#dd2e14
#dd5614

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#dd1422
#c3dd14
#1472dd

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
#fdeeef
#fadddf
#f8cdd0
#f5bcc0
#f3abb0
#f09aa0
#ee8a91
#ec7981
#e96871
#e75761
#e44651
#e23642
#df2532
#dd1422

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#100102
#200305
#2f0407
#3f060a
#4f070c
#5f090f
#6f0a11
#7e0b13
#8e0d16
#9e0e18
#ae101b
#bd111d
#cd1320
#dd1422

Contrast Checker

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

5.003 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!
4.198 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 #dd1422

Some examples of color palettes with #dd1422. View more

Use #dd1422 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet