#d25a1f hex color

In a RGB color space, hex #d25a1f is composed of 82.4% red, 35.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.1% magenta, 85.2% yellow and 17.6% black. It has a hue angle of 19.8 degrees, a saturation of 74.3% and a lightness of 47.3%. #d25a1f color hex could be obtained by blending #ffb43e with #a50000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 82
- G 35
- B 12
RGB color chart
- C 0
- M 57
- Y 85
- K 18
CMYK color chart

● #d25a1f color description : Strong orange.

The hexadecimal color #d25a1f has RGB values of R:210, G:90, B:31 and CMYK values of C:0, M:0.57, Y:0.85, K:0.18. Its decimal value is 13785631.

Hex triplet	d25a1f	`#d25a1f`
RGB Decimal	210, 90, 31	`rgb(210,90,31)`
RGB Percent	82.4, 35.3, 12.2	`rgb(82.4%,35.3%,12.2%)`
CMYK	0, 57, 85, 18
HSL	19.8°, 74.3, 47.3	`hsl(19.8,74.3%,47.3%)`
HSV (or HSB)	19.8°, 85.2, 82.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.076, 44.508, 53.929
XYZ	30.483, 21.116, 3.767
xyY	0.551, 0.381, 21.116
CIE-LCH	53.076, 69.923, 50.467
CIE-LUV	53.076, 98.155, 42.598
Hunter-Lab	45.952, 37.994, 27.306
Binary	11010010, 01011010, 00011111

#d25a1f
```
#d25a1f rgb(210,90,31)
```
#1f97d2
```
#1f97d2 rgb(31,151,210)
```

Complementary Color

#d21f3e
```
#d21f3e rgb(210,31,62)
```
#d25a1f
```
#d25a1f rgb(210,90,31)
```
#d2b41f
```
#d2b41f rgb(210,180,31)
```

Analogous Color

#1f3ed2
```
#1f3ed2 rgb(31,62,210)
```
#d25a1f
```
#d25a1f rgb(210,90,31)
```
#1fd2b4
```
#1fd2b4 rgb(31,210,180)
```

Split Complementary Color

#5a1fd2
```
#5a1fd2 rgb(90,31,210)
```
#d25a1f
```
#d25a1f rgb(210,90,31)
```
#1fd25a
```
#1fd25a rgb(31,210,90)
```

Triadic Color

#d21f97
```
#d21f97 rgb(210,31,151)
```
#d25a1f
```
#d25a1f rgb(210,90,31)
```
#1fd25a
```
#1fd25a rgb(31,210,90)
```
#1f97d2
```
#1f97d2 rgb(31,151,210)
```

Tetradic Color

#8f3d15
```
#8f3d15 rgb(143,61,21)
```
#a64718
```
#a64718 rgb(166,71,24)
```
#bc501c
```
#bc501c rgb(188,80,28)
```
#d25a1f
```
#d25a1f rgb(210,90,31)
```
#e0662b
```
#e0662b rgb(224,102,43)
```
#e37641
```
#e37641 rgb(227,118,65)
```
#e68657
```
#e68657 rgb(230,134,87)
```

Monochromatic Color

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

#d22d1f
```
#d22d1f rgb(210,45,31)
```
#d23c1f
```
#d23c1f rgb(210,60,31)
```
#d24b1f
```
#d24b1f rgb(210,75,31)
```
#d25a1f
```
#d25a1f rgb(210,90,31)
```
#d2691f
```
#d2691f rgb(210,105,31)
```
#d2781f
```
#d2781f rgb(210,120,31)
```
#d2871f
```
#d2871f rgb(210,135,31)
```

Similar Colors

Text with hexadecimal color #d25a1f

This text has a font color of #d25a1f.

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

#d25a1f background color

This paragraph has a background color of #d25a1f.

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

#d25a1f border color

This element has a border color of #d25a1f.

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

CSS codes

.text {color:#d25a1f;}

.background {background-color:#d25a1f;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#160903
```
#160903 rgb(22,9,3)
```
#271106
```
#271106 rgb(39,17,6)
```
#381808
```
#381808 rgb(56,24,8)
```
#491f0b
```
#491f0b rgb(73,31,11)
```
#5a270d
```
#5a270d rgb(90,39,13)
```
#6b2e10
```
#6b2e10 rgb(107,46,16)
```
#7d3512
```
#7d3512 rgb(125,53,18)
```
#8e3d15
```
#8e3d15 rgb(142,61,21)
```
#9f4417
```
#9f4417 rgb(159,68,23)
```
#b04b1a
```
#b04b1a rgb(176,75,26)
```
#c1531c
```
#c1531c rgb(193,83,28)
```
#d25a1f
```
#d25a1f rgb(210,90,31)
```

Shade Color Variation

#df6326
```
#df6326 rgb(223,99,38)
```
#e16f37
```
#e16f37 rgb(225,111,55)
```
#e47b48
```
#e47b48 rgb(228,123,72)
```
#e68859
```
#e68859 rgb(230,136,89)
```
#e9946a
```
#e9946a rgb(233,148,106)
```
#eca07b
```
#eca07b rgb(236,160,123)
```
#eeac8c
```
#eeac8c rgb(238,172,140)
```
#f1b99d
```
#f1b99d rgb(241,185,157)
```
#f3c5ae
```
#f3c5ae rgb(243,197,174)
```
#f6d1c0
```
#f6d1c0 rgb(246,209,192)
```
#f8ded1
```
#f8ded1 rgb(248,222,209)
```
#fbeae2
```
#fbeae2 rgb(251,234,226)
```
#fdf6f3
```
#fdf6f3 rgb(253,246,243)
```

Tint Color Variation

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

#7f7672
```
#7f7672 rgb(127,118,114)
```
#887369
```
#887369 rgb(136,115,105)
```
#917060
```
#917060 rgb(145,112,96)
```
#9a6d57
```
#9a6d57 rgb(154,109,87)
```
#a46a4d
```
#a46a4d rgb(164,106,77)
```
#ad6744
```
#ad6744 rgb(173,103,68)
```
#b6633b
```
#b6633b rgb(182,99,59)
```
#bf6032
```
#bf6032 rgb(191,96,50)
```
#c95d28
```
#c95d28 rgb(201,93,40)
```
#d25a1f
```
#d25a1f rgb(210,90,31)
```
#db5716
```
#db5716 rgb(219,87,22)
```
#e5540c
```
#e5540c rgb(229,84,12)
```
#ee5103
```
#ee5103 rgb(238,81,3)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#897165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948533 Protanopia 1% of men
#a67f1c Deuteranopia 1% of men
#d65c62 Tritanopia 0.001% of the population

Trichromacy

#aa752c Protanomaly 1% of men, 0.01% of women
#b6711d Deuteranomaly 6% of men, 0.4% of women
#d45b49 Tritanomaly 0.01% of the population

#d25a1f hex color

#d25a1f Color Information

#d25a1f Color Conversion

Color Schemes with #d25a1f

Alternatives to #d25a1f

#d25a1f Preview

Shades and Tints of #d25a1f

Tones of #d25a1f

Color Blindness Simulator