#de303c hex color

In a RGB color space, hex #de303c is composed of 87.1% red, 18.8% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.4% magenta, 73% yellow and 12.9% black. It has a hue angle of 355.9 degrees, a saturation of 72.5% and a lightness of 52.9%. #de303c color hex could be obtained by blending #ff6078 with #bd0000. Closest websafe color is: #cc3333.

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

● #de303c color description : Bright red.

The hexadecimal color #de303c has RGB values of R:222, G:48, B:60 and CMYK values of C:0, M:0.78, Y:0.73, K:0.13. Its decimal value is 14561340.

Hex triplet	de303c	`#de303c`
RGB Decimal	222, 48, 60	`rgb(222,48,60)`
RGB Percent	87.1, 18.8, 23.5	`rgb(87.1%,18.8%,23.5%)`
CMYK	0, 78, 73, 13
HSL	355.9°, 72.5, 52.9	`hsl(355.9,72.5%,52.9%)`
HSV (or HSB)	355.9°, 78.4, 87.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.464, 65.656, 36.512
XYZ	31.998, 17.974, 6.059
xyY	0.571, 0.321, 17.974
CIE-LCH	49.464, 75.126, 29.079
CIE-LUV	49.464, 130.159, 24.126
Hunter-Lab	42.395, 60.533, 21.203
Binary	11011110, 00110000, 00111100

#de303c
```
#de303c rgb(222,48,60)
```
#30ded2
```
#30ded2 rgb(48,222,210)
```

Complementary Color

#de3093
```
#de3093 rgb(222,48,147)
```
#de303c
```
#de303c rgb(222,48,60)
```
#de7b30
```
#de7b30 rgb(222,123,48)
```

Analogous Color

#3093de
```
#3093de rgb(48,147,222)
```
#de303c
```
#de303c rgb(222,48,60)
```
#30de7b
```
#30de7b rgb(48,222,123)
```

Split Complementary Color

#303cde
```
#303cde rgb(48,60,222)
```
#de303c
```
#de303c rgb(222,48,60)
```
#3cde30
```
#3cde30 rgb(60,222,48)
```

Triadic Color

#d230de
```
#d230de rgb(210,48,222)
```
#de303c
```
#de303c rgb(222,48,60)
```
#3cde30
```
#3cde30 rgb(60,222,48)
```
#30ded2
```
#30ded2 rgb(48,222,210)
```

Tetradic Color

#a71b24
```
#a71b24 rgb(167,27,36)
```
#bd1e29
```
#bd1e29 rgb(189,30,41)
```
#d3222e
```
#d3222e rgb(211,34,46)
```
#de303c
```
#de303c rgb(222,48,60)
```
#e24651
```
#e24651 rgb(226,70,81)
```
#e55c65
```
#e55c65 rgb(229,92,101)
```
#e9727a
```
#e9727a rgb(233,114,122)
```

Monochromatic Color

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

#de3068
```
#de3068 rgb(222,48,104)
```
#de3059
```
#de3059 rgb(222,48,89)
```
#de304a
```
#de304a rgb(222,48,74)
```
#de303c
```
#de303c rgb(222,48,60)
```
#de3330
```
#de3330 rgb(222,51,48)
```
#de4130
```
#de4130 rgb(222,65,48)
```
#de5030
```
#de5030 rgb(222,80,48)
```

Similar Colors

Text with hexadecimal color #de303c

This text has a font color of #de303c.

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

#de303c background color

This paragraph has a background color of #de303c.

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

#de303c border color

This element has a border color of #de303c.

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

CSS codes

.text {color:#de303c;}

.background {background-color:#de303c;}

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

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, #0d0203 is the darkest color, while #fefbfb is the lightest one.

#0d0203
```
#0d0203 rgb(13,2,3)
```
#1e0506
```
#1e0506 rgb(30,5,6)
```
#2f070a
```
#2f070a rgb(47,7,10)
```
#400a0e
```
#400a0e rgb(64,10,14)
```
#510d12
```
#510d12 rgb(81,13,18)
```
#621015
```
#621015 rgb(98,16,21)
```
#721219
```
#721219 rgb(114,18,25)
```
#83151d
```
#83151d rgb(131,21,29)
```
#941820
```
#941820 rgb(148,24,32)
```
#a51a24
```
#a51a24 rgb(165,26,36)
```
#b61d28
```
#b61d28 rgb(182,29,40)
```
#c7202b
```
#c7202b rgb(199,32,43)
```
#d8222f
```
#d8222f rgb(216,34,47)
```

Shade Color Variation

#de303c
```
#de303c rgb(222,48,60)
```
#e1414c
```
#e1414c rgb(225,65,76)
```
#e3525c
```
#e3525c rgb(227,82,92)
```
#e6636c
```
#e6636c rgb(230,99,108)
```
#e9747c
```
#e9747c rgb(233,116,124)
```
#eb858c
```
#eb858c rgb(235,133,140)
```
#ee969c
```
#ee969c rgb(238,150,156)
```
#f1a6ac
```
#f1a6ac rgb(241,166,172)
```
#f4b7bc
```
#f4b7bc rgb(244,183,188)
```
#f6c8cb
```
#f6c8cb rgb(246,200,203)
```
#f9d9db
```
#f9d9db rgb(249,217,219)
```
#fceaeb
```
#fceaeb rgb(252,234,235)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#8b8384
```
#8b8384 rgb(139,131,132)
```
#947a7c
```
#947a7c rgb(148,122,124)
```
#9d7174
```
#9d7174 rgb(157,113,116)
```
#a7676c
```
#a7676c rgb(167,103,108)
```
#b05e64
```
#b05e64 rgb(176,94,100)
```
#b9555c
```
#b9555c rgb(185,85,92)
```
#c24c54
```
#c24c54 rgb(194,76,84)
```
#cc424c
```
#cc424c rgb(204,66,76)
```
#d53944
```
#d53944 rgb(213,57,68)
```
#de303c
```
#de303c rgb(222,48,60)
```
#e72734
```
#e72734 rgb(231,39,52)
```
#f01e2c
```
#f01e2c rgb(240,30,44)
```
#fa1424
```
#fa1424 rgb(250,20,36)
```

Tone Color Variation

Below, you can see how #de303c 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

#656565 Achromatopsia 0.005% of the population
#7d5a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#867c5a Protanopia 1% of men
#997739 Deuteranopia 1% of men
#df3c3d Tritanopia 0.001% of the population

Trichromacy

#a6604f Protanomaly 1% of men, 0.01% of women
#b25d3a Deuteranomaly 6% of men, 0.4% of women
#de373d Tritanomaly 0.01% of the population

#de303c hex color

#de303c Color Information

#de303c Color Conversion

Color Schemes with #de303c

Alternatives to #de303c

#de303c Preview

Shades and Tints of #de303c

Tones of #de303c

Color Blindness Simulator