Color picker

#db3131

Conversion

HEX#db3131
HEX8#db3131ff
RGBrgb(219, 49, 49)
CMYK[0,0.78,0.78,0.14]
Name#db3131
HCL[33.17,76.59,48.86]
oklab[0.58,0.18,0.09]
Num14364977
HSI[0,0.54,0.41]
lab[48.86,64.11,41.9]
Lighten
#ea8888
Darken
#8d1919
Saturate
#f31919
Desaturate
#c34949
Greyscale
#868686
Brighten
#ff6464

Color harmonies of #db3131

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.
#db3131
#31db31
#3131db

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.
#db3131
#86db31
#31dbdb
#8631db

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.
#db3131
#060101
#310b0b
#5b1414
#861e1e
#b02727

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.
#db3131
#db3175
#db3153
#db3131
#db5331
#db7531

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#db3131
#b9db31
#3175db

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
#fcf0f0
#fae2e2
#f7d3d3
#f5c4c4
#f2b5b5
#f0a7a7
#ed9898
#ea8989
#e87b7b
#e56c6c
#e35d5d
#e04e4e
#de4040
#db3131

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#100404
#1f0707
#2f0b0b
#3f0e0e
#4e1212
#5e1515
#6e1919
#7d1c1c
#8d2020
#9c2323
#ac2727
#bc2a2a
#cb2e2e
#db3131

Contrast Checker

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

4.671 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.496 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 #db3131

Some examples of color palettes with #db3131. View more

Use #db3131 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet