#dd450f hex color

In a RGB color space, hex #dd450f is composed of 86.7% red, 27.1% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.8% magenta, 93.2% yellow and 13.3% black. It has a hue angle of 15.7 degrees, a saturation of 87.3% and a lightness of 46.3%. #dd450f color hex could be obtained by blending #ff8a1e with #bb0000. Closest websafe color is: #cc3300.

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

● #dd450f color description : Vivid orange.

The hexadecimal color #dd450f has RGB values of R:221, G:69, B:15 and CMYK values of C:0, M:0.69, Y:0.93, K:0.13. Its decimal value is 14501135.

Hex triplet	dd450f	`#dd450f`
RGB Decimal	221, 69, 15	`rgb(221,69,15)`
RGB Percent	86.7, 27.1, 5.9	`rgb(86.7%,27.1%,5.9%)`
CMYK	0, 69, 93, 13
HSL	15.7°, 87.3, 46.3	`hsl(15.7,87.3%,46.3%)`
HSV (or HSB)	15.7°, 93.2, 86.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	51.458, 57.193, 59.003
XYZ	32.035, 19.667, 2.561
xyY	0.59, 0.362, 19.667
CIE-LCH	51.458, 82.173, 45.892
CIE-LUV	51.458, 123.748, 40.45
Hunter-Lab	44.347, 51.334, 27.619
Binary	11011101, 01000101, 00001111

#dd450f
```
#dd450f rgb(221,69,15)
```
#0fa7dd
```
#0fa7dd rgb(15,167,221)
```

Complementary Color

#dd0f40
```
#dd0f40 rgb(221,15,64)
```
#dd450f
```
#dd450f rgb(221,69,15)
```
#ddac0f
```
#ddac0f rgb(221,172,15)
```

Analogous Color

#0f40dd
```
#0f40dd rgb(15,64,221)
```
#dd450f
```
#dd450f rgb(221,69,15)
```
#0fddac
```
#0fddac rgb(15,221,172)
```

Split Complementary Color

#450fdd
```
#450fdd rgb(69,15,221)
```
#dd450f
```
#dd450f rgb(221,69,15)
```
#0fdd45
```
#0fdd45 rgb(15,221,69)
```

Triadic Color

#dd0fa7
```
#dd0fa7 rgb(221,15,167)
```
#dd450f
```
#dd450f rgb(221,69,15)
```
#0fdd45
```
#0fdd45 rgb(15,221,69)
```
#0fa7dd
```
#0fa7dd rgb(15,167,221)
```

Tetradic Color

#952f0a
```
#952f0a rgb(149,47,10)
```
#ad360c
```
#ad360c rgb(173,54,12)
```
#c53e0d
```
#c53e0d rgb(197,62,13)
```
#dd450f
```
#dd450f rgb(221,69,15)
```
#ef4f16
```
#ef4f16 rgb(239,79,22)
```
#f1612e
```
#f1612e rgb(241,97,46)
```
#f27346
```
#f27346 rgb(242,115,70)
```

Monochromatic Color

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

#dd120f
```
#dd120f rgb(221,18,15)
```
#dd230f
```
#dd230f rgb(221,35,15)
```
#dd340f
```
#dd340f rgb(221,52,15)
```
#dd450f
```
#dd450f rgb(221,69,15)
```
#dd560f
```
#dd560f rgb(221,86,15)
```
#dd670f
```
#dd670f rgb(221,103,15)
```
#dd790f
```
#dd790f rgb(221,121,15)
```

Similar Colors

Text with hexadecimal color #dd450f

This text has a font color of #dd450f.

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

#dd450f background color

This paragraph has a background color of #dd450f.

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

#dd450f border color

This element has a border color of #dd450f.

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

CSS codes

.text {color:#dd450f;}

.background {background-color:#dd450f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130601
```
#130601 rgb(19,6,1)
```
#250c03
```
#250c03 rgb(37,12,3)
```
#381104
```
#381104 rgb(56,17,4)
```
#4a1705
```
#4a1705 rgb(74,23,5)
```
#5c1d06
```
#5c1d06 rgb(92,29,6)
```
#6f2308
```
#6f2308 rgb(111,35,8)
```
#812809
```
#812809 rgb(129,40,9)
```
#942e0a
```
#942e0a rgb(148,46,10)
```
#a6340b
```
#a6340b rgb(166,52,11)
```
#b83a0d
```
#b83a0d rgb(184,58,13)
```
#cb3f0e
```
#cb3f0e rgb(203,63,14)
```
#dd450f
```
#dd450f rgb(221,69,15)
```

Shade Color Variation

#ef4b11
```
#ef4b11 rgb(239,75,17)
```
#f05923
```
#f05923 rgb(240,89,35)
```
#f16736
```
#f16736 rgb(241,103,54)
```
#f37548
```
#f37548 rgb(243,117,72)
```
#f4835a
```
#f4835a rgb(244,131,90)
```
#f5906d
```
#f5906d rgb(245,144,109)
```
#f69e7f
```
#f69e7f rgb(246,158,127)
```
#f8ac91
```
#f8ac91 rgb(248,172,145)
```
#f9baa4
```
#f9baa4 rgb(249,186,164)
```
#fac8b6
```
#fac8b6 rgb(250,200,182)
```
#fbd6c8
```
#fbd6c8 rgb(251,214,200)
```
#fde4db
```
#fde4db rgb(253,228,219)
```
#fef2ed
```
#fef2ed rgb(254,242,237)
```

Tint Color Variation

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

#797473
```
#797473 rgb(121,116,115)
```
#82706a
```
#82706a rgb(130,112,106)
```
#8b6c61
```
#8b6c61 rgb(139,108,97)
```
#946858
```
#946858 rgb(148,104,88)
```
#9d634f
```
#9d634f rgb(157,99,79)
```
#a75f45
```
#a75f45 rgb(167,95,69)
```
#b05b3c
```
#b05b3c rgb(176,91,60)
```
#b95633
```
#b95633 rgb(185,86,51)
```
#c2522a
```
#c2522a rgb(194,82,42)
```
#cb4e21
```
#cb4e21 rgb(203,78,33)
```
#d44918
```
#d44918 rgb(212,73,24)
```
#dd450f
```
#dd450f rgb(221,69,15)
```
#e64106
```
#e64106 rgb(230,65,6)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#836459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908127 Protanopia 1% of men
#a17b00 Deuteranopia 1% of men
#df4a4d Tritanopia 0.001% of the population

Trichromacy

#ac6b1e Protanomaly 1% of men, 0.01% of women
#b76705 Deuteranomaly 6% of men, 0.4% of women
#de4836 Tritanomaly 0.01% of the population

#dd450f hex color

#dd450f Color Information

#dd450f Color Conversion

Color Schemes with #dd450f

Alternatives to #dd450f

#dd450f Preview

Shades and Tints of #dd450f

Tones of #dd450f

Color Blindness Simulator