#DF2848 Color Information


In the RGB color space, #DF2848 is composed of 87.451% red, 15.6863% green, and 28.2353% blue.

In the CMYK color space, #DF2848 is composed of 0% cyan, 82.06% magenta, 67.71% yellow, and 12.55% black,

It has a hue angle of 349.5 degrees, a saturation of 74.09%, and a lightness of 51.57%.

The closest websafe color is #CC3333.

#DF2848 RGB Values

#DF2848 CMYK Values



#DF2848 Color Conversion


The hexadecimal color #DF2848 has RGB values of R:223, G:40, B:72 and CMYK values of C:0, M:82.06, Y:67.71, K:12.55. It has a decimal value of 14624840.


Hexadecimal #DF2848 #DF2848
RGB Decimal 223, 40, 72 rgb(223, 40, 72)
RGB Percent 87.451, 15.6863, 28.2353 rgb(87.451%, 15.6863%, 28.2353%)
RGB Proportion 0.8745, 0.1569, 0.2824 rgb(0.8745, 0.1569, 0.2824)
CMYK 0, 82.06, 67.71, 12.55
HSL 349.5ยบ, 74.09, 51.57 hsl(349.5, 74.09%, 51.57%)
Websafe CC3333 #CC3333
XYZ 32.36, 17.674, 7.839
Yxy 17.674, 0.559, 0.305
CIE-LAB 49.098, 68.539, 29.037
CIE-LCH 49.098, 74.436, 22.96
CIE-LUV 49.098, 131.112, 17.372
Hunter-Lab 42.04, 63.827, 18.373

Color Schemes For #DF2848


Colors that go well with #DF2848.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #DF2848


Colors similar to #DF2848.


#DF2848 Preview


Common HTML and CSS shortcodes for #DF2848.

Text with color #DF2848


The quick brown fox jumps over the lazy dog.

<div style="color: #DF2848;">The quick brown fox jumps over the lazy dog.</div>

#DF2848 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #DF2848;">The quick brown fox jumps over the lazy dog.</div>

Border with #DF2848


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #DF2848;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #DF2848


Linear gradient from #DF2848 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#DF2848, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #DF2848


Radial gradient from #DF2848 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#DF2848, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #DF2848 and its Complementary Color


Linear gradient from #DF2848 to #20D7B7.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#DF2848, #20D7B7);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #DF2848 and its Complementary Color


Radial gradient from #DF2848 to #20D7B7.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#DF2848, #20D7B7);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #DF2848; } .background { background-color: #DF2848; } .border { border: 1px solid #DF2848; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #DF2848


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #040002 while the lightest tint is #FEFBFC.

Shades


Tints

Random Colors