#de0f30 hex color

In a RGB color space, hex #de0f30 is composed of 87.1% red, 5.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.2% magenta, 78.4% yellow and 12.9% black. It has a hue angle of 350.4 degrees, a saturation of 87.3% and a lightness of 46.5%. #de0f30 color hex could be obtained by blending #ff1e60 with #bd0000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 87
- G 6
- B 19
RGB color chart
- C 0
- M 93
- Y 78
- K 13
CMYK color chart

● #de0f30 color description : Vivid red.

The hexadecimal color #de0f30 has RGB values of R:222, G:15, B:48 and CMYK values of C:0, M:0.93, Y:0.78, K:0.13. Its decimal value is 14552880.

Hex triplet	de0f30	`#de0f30`
RGB Decimal	222, 15, 48	`rgb(222,15,48)`
RGB Percent	87.1, 5.9, 18.8	`rgb(87.1%,5.9%,18.8%)`
CMYK	0, 93, 78, 13
HSL	350.4°, 87.3, 46.5	`hsl(350.4,87.3%,46.5%)`
HSV (or HSB)	350.4°, 93.2, 87.1
Web Safe	cc0033	`#cc0033`

CIE-LAB	47.091, 71.602, 40.783
XYZ	30.83, 16.089, 4.278
xyY	0.602, 0.314, 16.089
CIE-LCH	47.091, 82.402, 29.665
CIE-LUV	47.091, 143.783, 24.325
Hunter-Lab	40.111, 67.006, 21.753
Binary	11011110, 00001111, 00110000

#de0f30
```
#de0f30 rgb(222,15,48)
```
#0fdebd
```
#0fdebd rgb(15,222,189)
```

Complementary Color

#de0f98
```
#de0f98 rgb(222,15,152)
```
#de0f30
```
#de0f30 rgb(222,15,48)
```
#de560f
```
#de560f rgb(222,86,15)
```

Analogous Color

#0f98de
```
#0f98de rgb(15,152,222)
```
#de0f30
```
#de0f30 rgb(222,15,48)
```
#0fde56
```
#0fde56 rgb(15,222,86)
```

Split Complementary Color

#0f30de
```
#0f30de rgb(15,48,222)
```
#de0f30
```
#de0f30 rgb(222,15,48)
```
#30de0f
```
#30de0f rgb(48,222,15)
```

Triadic Color

#bd0fde
```
#bd0fde rgb(189,15,222)
```
#de0f30
```
#de0f30 rgb(222,15,48)
```
#30de0f
```
#30de0f rgb(48,222,15)
```
#0fdebd
```
#0fdebd rgb(15,222,189)
```

Tetradic Color

#960a21
```
#960a21 rgb(150,10,33)
```
#ae0c26
```
#ae0c26 rgb(174,12,38)
```
#c60d2b
```
#c60d2b rgb(198,13,43)
```
#de0f30
```
#de0f30 rgb(222,15,48)
```
#ef173a
```
#ef173a rgb(239,23,58)
```
#f12f4e
```
#f12f4e rgb(241,47,78)
```
#f34762
```
#f34762 rgb(243,71,98)
```

Monochromatic Color

Below, you can see some colors close to #de0f30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#de0f64
```
#de0f64 rgb(222,15,100)
```
#de0f52
```
#de0f52 rgb(222,15,82)
```
#de0f41
```
#de0f41 rgb(222,15,65)
```
#de0f30
```
#de0f30 rgb(222,15,48)
```
#de0f1f
```
#de0f1f rgb(222,15,31)
```
#de110f
```
#de110f rgb(222,17,15)
```
#de220f
```
#de220f rgb(222,34,15)
```

Similar Colors

Text with hexadecimal color #de0f30

This text has a font color of #de0f30.

<span style="color:#de0f30;">Text here</span>

#de0f30 background color

This paragraph has a background color of #de0f30.

<p style="background-color:#de0f30;">Content here</p>

#de0f30 border color

This element has a border color of #de0f30.

<div style="border:1px solid #de0f30;">Content here</div>

CSS codes

.text {color:#de0f30;}

.background {background-color:#de0f30;}

.border {border:1px solid #de0f30;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020000 is the darkest color, while #feeef1 is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#140104
```
#140104 rgb(20,1,4)
```
#260308
```
#260308 rgb(38,3,8)
```
#39040c
```
#39040c rgb(57,4,12)
```
#4b0510
```
#4b0510 rgb(75,5,16)
```
#5d0614
```
#5d0614 rgb(93,6,20)
```
#700818
```
#700818 rgb(112,8,24)
```
#82091c
```
#82091c rgb(130,9,28)
```
#950a20
```
#950a20 rgb(149,10,32)
```
#a70b24
```
#a70b24 rgb(167,11,36)
```
#b90d28
```
#b90d28 rgb(185,13,40)
```
#cc0e2c
```
#cc0e2c rgb(204,14,44)
```
#de0f30
```
#de0f30 rgb(222,15,48)
```

Shade Color Variation

#ef1235
```
#ef1235 rgb(239,18,53)
```
#f02445
```
#f02445 rgb(240,36,69)
```
#f13654
```
#f13654 rgb(241,54,84)
```
#f34964
```
#f34964 rgb(243,73,100)
```
#f45b74
```
#f45b74 rgb(244,91,116)
```
#f56e83
```
#f56e83 rgb(245,110,131)
```
#f68093
```
#f68093 rgb(246,128,147)
```
#f892a2
```
#f892a2 rgb(248,146,162)
```
#f9a5b2
```
#f9a5b2 rgb(249,165,178)
```
#fab7c2
```
#fab7c2 rgb(250,183,194)
```
#fbc9d1
```
#fbc9d1 rgb(251,201,209)
```
#fddce1
```
#fddce1 rgb(253,220,225)
```
#feeef1
```
#feeef1 rgb(254,238,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7374 is the less saturated color, while #e7062a is the most saturated one.

#7a7374
```
#7a7374 rgb(122,115,116)
```
#836a6e
```
#836a6e rgb(131,106,110)
```
#8c6168
```
#8c6168 rgb(140,97,104)
```
#955862
```
#955862 rgb(149,88,98)
```
#9e4f5b
```
#9e4f5b rgb(158,79,91)
```
#a74655
```
#a74655 rgb(167,70,85)
```
#b03d4f
```
#b03d4f rgb(176,61,79)
```
#ba3349
```
#ba3349 rgb(186,51,73)
```
#c32a43
```
#c32a43 rgb(195,42,67)
```
#cc213c
```
#cc213c rgb(204,33,60)
```
#d51836
```
#d51836 rgb(213,24,54)
```
#de0f30
```
#de0f30 rgb(222,15,48)
```
#e7062a
```
#e7062a rgb(231,6,42)
```

Tone Color Variation

Below, you can see how #de0f30 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#515151 Achromatopsia 0.005% of the population
#6d444a Atypical Achromatopsia 0.001% of the population

Dichromacy

#807751 Protanopia 1% of men
#93712b Deuteranopia 1% of men
#df221e Tritanopia 0.001% of the population

Trichromacy

#a25145 Protanomaly 1% of men, 0.01% of women
#ae4d2c Deuteranomaly 6% of men, 0.4% of women
#de1b24 Tritanomaly 0.01% of the population

#de0f30 hex color

#de0f30 Color Information

#de0f30 Color Conversion

Color Schemes with #de0f30

Alternatives to #de0f30

#de0f30 Preview

Shades and Tints of #de0f30

Tones of #de0f30

Color Blindness Simulator