#dd3107 hex color

In a RGB color space, hex #dd3107 is composed of 86.7% red, 19.2% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.8% magenta, 96.8% yellow and 13.3% black. It has a hue angle of 11.8 degrees, a saturation of 93.9% and a lightness of 44.7%. #dd3107 color hex could be obtained by blending #ff620e with #bb0000. Closest websafe color is: #cc3300.

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

● #dd3107 color description : Vivid red.

The hexadecimal color #dd3107 has RGB values of R:221, G:49, B:7 and CMYK values of C:0, M:0.78, Y:0.97, K:0.13. Its decimal value is 14496007.

Hex triplet	dd3107	`#dd3107`
RGB Decimal	221, 49, 7	`rgb(221,49,7)`
RGB Percent	86.7, 19.2, 2.7	`rgb(86.7%,19.2%,2.7%)`
CMYK	0, 78, 97, 13
HSL	11.8°, 93.9, 44.7	`hsl(11.8,93.9%,44.7%)`
HSV (or HSB)	11.8°, 96.8, 86.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	48.993, 63.875, 59.588
XYZ	30.957, 17.588, 1.966
xyY	0.613, 0.348, 17.588
CIE-LCH	48.993, 87.354, 43.012
CIE-LUV	48.993, 136.294, 37.017
Hunter-Lab	41.938, 58.37, 26.577
Binary	11011101, 00110001, 00000111

#dd3107
```
#dd3107 rgb(221,49,7)
```
#07b3dd
```
#07b3dd rgb(7,179,221)
```

Complementary Color

#dd0748
```
#dd0748 rgb(221,7,72)
```
#dd3107
```
#dd3107 rgb(221,49,7)
```
#dd9c07
```
#dd9c07 rgb(221,156,7)
```

Analogous Color

#0748dd
```
#0748dd rgb(7,72,221)
```
#dd3107
```
#dd3107 rgb(221,49,7)
```
#07dd9c
```
#07dd9c rgb(7,221,156)
```

Split Complementary Color

#3107dd
```
#3107dd rgb(49,7,221)
```
#dd3107
```
#dd3107 rgb(221,49,7)
```
#07dd31
```
#07dd31 rgb(7,221,49)
```

Triadic Color

#dd07b3
```
#dd07b3 rgb(221,7,179)
```
#dd3107
```
#dd3107 rgb(221,49,7)
```
#07dd31
```
#07dd31 rgb(7,221,49)
```
#07b3dd
```
#07b3dd rgb(7,179,221)
```

Tetradic Color

#932105
```
#932105 rgb(147,33,5)
```
#ac2605
```
#ac2605 rgb(172,38,5)
```
#c42c06
```
#c42c06 rgb(196,44,6)
```
#dd3107
```
#dd3107 rgb(221,49,7)
```
#f63608
```
#f63608 rgb(246,54,8)
```
#f84a1f
```
#f84a1f rgb(248,74,31)
```
#f95e38
```
#f95e38 rgb(249,94,56)
```

Monochromatic Color

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

#dd0713
```
#dd0713 rgb(221,7,19)
```
#dd0d07
```
#dd0d07 rgb(221,13,7)
```
#dd1f07
```
#dd1f07 rgb(221,31,7)
```
#dd3107
```
#dd3107 rgb(221,49,7)
```
#dd4307
```
#dd4307 rgb(221,67,7)
```
#dd5507
```
#dd5507 rgb(221,85,7)
```
#dd6707
```
#dd6707 rgb(221,103,7)
```

Similar Colors

Text with hexadecimal color #dd3107

This text has a font color of #dd3107.

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

#dd3107 background color

This paragraph has a background color of #dd3107.

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

#dd3107 border color

This element has a border color of #dd3107.

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

CSS codes

.text {color:#dd3107;}

.background {background-color:#dd3107;}

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

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

#0c0300
```
#0c0300 rgb(12,3,0)
```
#1f0701
```
#1f0701 rgb(31,7,1)
```
#320b02
```
#320b02 rgb(50,11,2)
```
#450f02
```
#450f02 rgb(69,15,2)
```
#581303
```
#581303 rgb(88,19,3)
```
#6b1803
```
#6b1803 rgb(107,24,3)
```
#7e1c04
```
#7e1c04 rgb(126,28,4)
```
#912005
```
#912005 rgb(145,32,5)
```
#a42405
```
#a42405 rgb(164,36,5)
```
#b72906
```
#b72906 rgb(183,41,6)
```
#ca2d06
```
#ca2d06 rgb(202,45,6)
```
#dd3107
```
#dd3107 rgb(221,49,7)
```
#f03508
```
#f03508 rgb(240,53,8)
```

Shade Color Variation

#f84014
```
#f84014 rgb(248,64,20)
```
#f85027
```
#f85027 rgb(248,80,39)
```
#f95f3a
```
#f95f3a rgb(249,95,58)
```
#f96f4d
```
#f96f4d rgb(249,111,77)
```
#fa7e60
```
#fa7e60 rgb(250,126,96)
```
#fb8d73
```
#fb8d73 rgb(251,141,115)
```
#fb9d86
```
#fb9d86 rgb(251,157,134)
```
#fcac99
```
#fcac99 rgb(252,172,153)
```
#fcbcac
```
#fcbcac rgb(252,188,172)
```
#fdcbbf
```
#fdcbbf rgb(253,203,191)
```
#fedad2
```
#fedad2 rgb(254,218,210)
```
#feeae5
```
#feeae5 rgb(254,234,229)
```
#fff9f8
```
#fff9f8 rgb(255,249,248)
```

Tint Color Variation

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

#747170
```
#747170 rgb(116,113,112)
```
#7d6c67
```
#7d6c67 rgb(125,108,103)
```
#85665f
```
#85665f rgb(133,102,95)
```
#8e6156
```
#8e6156 rgb(142,97,86)
```
#975c4d
```
#975c4d rgb(151,92,77)
```
#a05644
```
#a05644 rgb(160,86,68)
```
#a8513c
```
#a8513c rgb(168,81,60)
```
#b14c33
```
#b14c33 rgb(177,76,51)
```
#ba462a
```
#ba462a rgb(186,70,42)
```
#c34121
```
#c34121 rgb(195,65,33)
```
#cb3c19
```
#cb3c19 rgb(203,60,25)
```
#d43610
```
#d43610 rgb(212,54,16)
```
#dd3107
```
#dd3107 rgb(221,49,7)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#79574e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7b23 Protanopia 1% of men
#9a7500 Deuteranopia 1% of men
#df3839 Tritanopia 0.001% of the population

Trichromacy

#a86019 Protanomaly 1% of men, 0.01% of women
#b25c02 Deuteranomaly 6% of men, 0.4% of women
#de3527 Tritanomaly 0.01% of the population

#dd3107 hex color

#dd3107 Color Information

#dd3107 Color Conversion

Color Schemes with #dd3107

Alternatives to #dd3107

#dd3107 Preview

Shades and Tints of #dd3107

Tones of #dd3107

Color Blindness Simulator