#dd3102 hex color

In a RGB color space, hex #dd3102 is composed of 86.7% red, 19.2% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.8% magenta, 99.1% yellow and 13.3% black. It has a hue angle of 12.9 degrees, a saturation of 98.2% and a lightness of 43.7%. #dd3102 color hex could be obtained by blending #ff6204 with #bb0000. Closest websafe color is: #cc3300.

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

● #dd3102 color description : Vivid red.

The hexadecimal color #dd3102 has RGB values of R:221, G:49, B:2 and CMYK values of C:0, M:0.78, Y:0.99, K:0.13. Its decimal value is 14496002.

Hex triplet	dd3102	`#dd3102`
RGB Decimal	221, 49, 2	`rgb(221,49,2)`
RGB Percent	86.7, 19.2, 0.8	`rgb(86.7%,19.2%,0.8%)`
CMYK	0, 78, 99, 13
HSL	12.9°, 98.2, 43.7	`hsl(12.9,98.2%,43.7%)`
HSV (or HSB)	12.9°, 99.1, 86.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	48.979, 63.831, 60.881
XYZ	30.93, 17.577, 1.822
xyY	0.615, 0.349, 17.577
CIE-LCH	48.979, 88.21, 43.645
CIE-LUV	48.979, 136.57, 37.495
Hunter-Lab	41.925, 58.318, 26.771
Binary	11011101, 00110001, 00000010

#dd3102
```
#dd3102 rgb(221,49,2)
```
#02aedd
```
#02aedd rgb(2,174,221)
```

Complementary Color

#dd0241
```
#dd0241 rgb(221,2,65)
```
#dd3102
```
#dd3102 rgb(221,49,2)
```
#dd9f02
```
#dd9f02 rgb(221,159,2)
```

Analogous Color

#0240dd
```
#0240dd rgb(2,64,221)
```
#dd3102
```
#dd3102 rgb(221,49,2)
```
#02dd9f
```
#02dd9f rgb(2,221,159)
```

Split Complementary Color

#3102dd
```
#3102dd rgb(49,2,221)
```
#dd3102
```
#dd3102 rgb(221,49,2)
```
#02dd31
```
#02dd31 rgb(2,221,49)
```

Triadic Color

#dd02ae
```
#dd02ae rgb(221,2,174)
```
#dd3102
```
#dd3102 rgb(221,49,2)
```
#02dd31
```
#02dd31 rgb(2,221,49)
```
#02aedd
```
#02aedd rgb(2,174,221)
```

Tetradic Color

#912001
```
#912001 rgb(145,32,1)
```
#aa2602
```
#aa2602 rgb(170,38,2)
```
#c42b02
```
#c42b02 rgb(196,43,2)
```
#dd3102
```
#dd3102 rgb(221,49,2)
```
#f63702
```
#f63702 rgb(246,55,2)
```
#fd4715
```
#fd4715 rgb(253,71,21)
```
#fd5b2e
```
#fd5b2e rgb(253,91,46)
```

Monochromatic Color

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

#dd020a
```
#dd020a rgb(221,2,10)
```
#dd0d02
```
#dd0d02 rgb(221,13,2)
```
#dd1f02
```
#dd1f02 rgb(221,31,2)
```
#dd3102
```
#dd3102 rgb(221,49,2)
```
#dd4302
```
#dd4302 rgb(221,67,2)
```
#dd5602
```
#dd5602 rgb(221,86,2)
```
#dd6802
```
#dd6802 rgb(221,104,2)
```

Similar Colors

Text with hexadecimal color #dd3102

This text has a font color of #dd3102.

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

#dd3102 background color

This paragraph has a background color of #dd3102.

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

#dd3102 border color

This element has a border color of #dd3102.

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

CSS codes

.text {color:#dd3102;}

.background {background-color:#dd3102;}

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

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

#070200
```
#070200 rgb(7,2,0)
```
#1b0600
```
#1b0600 rgb(27,6,0)
```
#2e0a00
```
#2e0a00 rgb(46,10,0)
```
#410f01
```
#410f01 rgb(65,15,1)
```
#551301
```
#551301 rgb(85,19,1)
```
#681701
```
#681701 rgb(104,23,1)
```
#7c1b01
```
#7c1b01 rgb(124,27,1)
```
#8f2001
```
#8f2001 rgb(143,32,1)
```
#a32401
```
#a32401 rgb(163,36,1)
```
#b62802
```
#b62802 rgb(182,40,2)
```
#ca2d02
```
#ca2d02 rgb(202,45,2)
```
#dd3102
```
#dd3102 rgb(221,49,2)
```
#f03502
```
#f03502 rgb(240,53,2)
```

Shade Color Variation

#fd3e09
```
#fd3e09 rgb(253,62,9)
```
#fd4d1d
```
#fd4d1d rgb(253,77,29)
```
#fd5c30
```
#fd5c30 rgb(253,92,48)
```
#fd6c44
```
#fd6c44 rgb(253,108,68)
```
#fd7b57
```
#fd7b57 rgb(253,123,87)
```
#fe8a6b
```
#fe8a6b rgb(254,138,107)
```
#fe9a7e
```
#fe9a7e rgb(254,154,126)
```
#fea992
```
#fea992 rgb(254,169,146)
```
#feb8a5
```
#feb8a5 rgb(254,184,165)
```
#fec7b8
```
#fec7b8 rgb(254,199,184)
```
#ffd7cc
```
#ffd7cc rgb(255,215,204)
```
#ffe6df
```
#ffe6df rgb(255,230,223)
```
#fff5f3
```
#fff5f3 rgb(255,245,243)
```

Tint Color Variation

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

#766c69
```
#766c69 rgb(118,108,105)
```
#7f6760
```
#7f6760 rgb(127,103,96)
```
#876258
```
#876258 rgb(135,98,88)
```
#905d4f
```
#905d4f rgb(144,93,79)
```
#985847
```
#985847 rgb(152,88,71)
```
#a1533e
```
#a1533e rgb(161,83,62)
```
#aa4e35
```
#aa4e35 rgb(170,78,53)
```
#b2492d
```
#b2492d rgb(178,73,45)
```
#bb4524
```
#bb4524 rgb(187,69,36)
```
#c3401c
```
#c3401c rgb(195,64,28)
```
#cc3b13
```
#cc3b13 rgb(204,59,19)
```
#d4360b
```
#d4360b rgb(212,54,11)
```
#dd3102
```
#dd3102 rgb(221,49,2)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#78564c Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#a86014 Protanomaly 1% of men, 0.01% of women
#b25c00 Deuteranomaly 6% of men, 0.4% of women
#de3525 Tritanomaly 0.01% of the population

#dd3102 hex color

#dd3102 Color Information

#dd3102 Color Conversion

Color Schemes with #dd3102

Alternatives to #dd3102

#dd3102 Preview

Shades and Tints of #dd3102

Tones of #dd3102

Color Blindness Simulator