#dd3300 hex color

In a RGB color space, hex #dd3300 is composed of 86.7% red, 20% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.9% magenta, 100% yellow and 13.3% black. It has a hue angle of 13.8 degrees, a saturation of 100% and a lightness of 43.3%. #dd3300 color hex could be obtained by blending #ff6600 with #bb0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 87
- G 20
- B 0
RGB color chart
- C 0
- M 77
- Y 100
- K 13
CMYK color chart

● #dd3300 color description : Pure (or mostly pure) red.

The hexadecimal color #dd3300 has RGB values of R:221, G:51, B:0 and CMYK values of C:0, M:0.77, Y:1, K:0.13. Its decimal value is 14496512.

Hex triplet	dd3300	`#dd3300`
RGB Decimal	221, 51, 0	`rgb(221,51,0)`
RGB Percent	86.7, 20, 0	`rgb(86.7%,20%,0%)`
CMYK	0, 77, 100, 13
HSL	13.8°, 100, 43.3	`hsl(13.8,100%,43.3%)`
HSV (or HSB)	13.8°, 100, 86.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.184, 63.225, 61.509
XYZ	31.004, 17.744, 1.792
xyY	0.613, 0.351, 17.744
CIE-LCH	49.184, 88.208, 44.212
CIE-LUV	49.184, 135.604, 38.051
Hunter-Lab	42.123, 57.667, 26.963
Binary	11011101, 00110011, 00000000

#dd3300
```
#dd3300 rgb(221,51,0)
```
#00aadd
```
#00aadd rgb(0,170,221)
```

Complementary Color

#dd003c
```
#dd003c rgb(221,0,60)
```
#dd3300
```
#dd3300 rgb(221,51,0)
```
#dda200
```
#dda200 rgb(221,162,0)
```

Analogous Color

#003cdd
```
#003cdd rgb(0,60,221)
```
#dd3300
```
#dd3300 rgb(221,51,0)
```
#00dda2
```
#00dda2 rgb(0,221,162)
```

Split Complementary Color

#3300dd
```
#3300dd rgb(51,0,221)
```
#dd3300
```
#dd3300 rgb(221,51,0)
```
#00dd33
```
#00dd33 rgb(0,221,51)
```

Triadic Color

#dd00aa
```
#dd00aa rgb(221,0,170)
```
#dd3300
```
#dd3300 rgb(221,51,0)
```
#00dd33
```
#00dd33 rgb(0,221,51)
```
#00aadd
```
#00aadd rgb(0,170,221)
```

Tetradic Color

#912100
```
#912100 rgb(145,33,0)
```
#aa2700
```
#aa2700 rgb(170,39,0)
```
#c42d00
```
#c42d00 rgb(196,45,0)
```
#dd3300
```
#dd3300 rgb(221,51,0)
```
#f73900
```
#f73900 rgb(247,57,0)
```
#ff4811
```
#ff4811 rgb(255,72,17)
```
#ff5c2b
```
#ff5c2b rgb(255,92,43)
```

Monochromatic Color

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

#dd0004
```
#dd0004 rgb(221,0,4)
```
#dd0e00
```
#dd0e00 rgb(221,14,0)
```
#dd2100
```
#dd2100 rgb(221,33,0)
```
#dd3300
```
#dd3300 rgb(221,51,0)
```
#dd4500
```
#dd4500 rgb(221,69,0)
```
#dd5800
```
#dd5800 rgb(221,88,0)
```
#dd6a00
```
#dd6a00 rgb(221,106,0)
```

Similar Colors

Text with hexadecimal color #dd3300

This text has a font color of #dd3300.

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

#dd3300 background color

This paragraph has a background color of #dd3300.

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

#dd3300 border color

This element has a border color of #dd3300.

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

CSS codes

.text {color:#dd3300;}

.background {background-color:#dd3300;}

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

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, #050100 is the darkest color, while #fff4f1 is the lightest one.

#050100
```
#050100 rgb(5,1,0)
```
#190600
```
#190600 rgb(25,6,0)
```
#2c0a00
```
#2c0a00 rgb(44,10,0)
```
#400f00
```
#400f00 rgb(64,15,0)
```
#541300
```
#541300 rgb(84,19,0)
```
#671800
```
#671800 rgb(103,24,0)
```
#7b1c00
```
#7b1c00 rgb(123,28,0)
```
#8f2100
```
#8f2100 rgb(143,33,0)
```
#a22500
```
#a22500 rgb(162,37,0)
```
#b62a00
```
#b62a00 rgb(182,42,0)
```
#c92e00
```
#c92e00 rgb(201,46,0)
```
#dd3300
```
#dd3300 rgb(221,51,0)
```
#f13800
```
#f13800 rgb(241,56,0)
```

Shade Color Variation

#ff3f05
```
#ff3f05 rgb(255,63,5)
```
#ff4e19
```
#ff4e19 rgb(255,78,25)
```
#ff5d2c
```
#ff5d2c rgb(255,93,44)
```
#ff6c40
```
#ff6c40 rgb(255,108,64)
```
#ff7b54
```
#ff7b54 rgb(255,123,84)
```
#ff8a67
```
#ff8a67 rgb(255,138,103)
```
#ff997b
```
#ff997b rgb(255,153,123)
```
#ffa88f
```
#ffa88f rgb(255,168,143)
```
#ffb8a2
```
#ffb8a2 rgb(255,184,162)
```
#ffc7b6
```
#ffc7b6 rgb(255,199,182)
```
#ffd6c9
```
#ffd6c9 rgb(255,214,201)
```
#ffe5dd
```
#ffe5dd rgb(255,229,221)
```
#fff4f1
```
#fff4f1 rgb(255,244,241)
```

Tint Color Variation

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

#776a66
```
#776a66 rgb(119,106,102)
```
#80655e
```
#80655e rgb(128,101,94)
```
#886155
```
#886155 rgb(136,97,85)
```
#915c4d
```
#915c4d rgb(145,92,77)
```
#995844
```
#995844 rgb(153,88,68)
```
#a2533c
```
#a2533c rgb(162,83,60)
```
#aa4e33
```
#aa4e33 rgb(170,78,51)
```
#b34a2b
```
#b34a2b rgb(179,74,43)
```
#bb4522
```
#bb4522 rgb(187,69,34)
```
#c4411a
```
#c4411a rgb(196,65,26)
```
#cc3c11
```
#cc3c11 rgb(204,60,17)
```
#d53809
```
#d53809 rgb(213,56,9)
```
#dd3300
```
#dd3300 rgb(221,51,0)
```

Tone Color Variation

Below, you can see how #dd3300 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
#79574d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7c1c Protanopia 1% of men
#9a7600 Deuteranopia 1% of men
#df393b Tritanopia 0.001% of the population

Trichromacy

#a86111 Protanomaly 1% of men, 0.01% of women
#b25d00 Deuteranomaly 6% of men, 0.4% of women
#de3725 Tritanomaly 0.01% of the population

#dd3300 hex color

#dd3300 Color Information

#dd3300 Color Conversion

Color Schemes with #dd3300

Alternatives to #dd3300

#dd3300 Preview

Shades and Tints of #dd3300

Tones of #dd3300

Color Blindness Simulator