#da301f hex color

In a RGB color space, hex #da301f is composed of 85.5% red, 18.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78% magenta, 85.8% yellow and 14.5% black. It has a hue angle of 5.5 degrees, a saturation of 75.1% and a lightness of 48.8%. #da301f color hex could be obtained by blending #ff603e with #b50000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 85
- G 19
- B 12
RGB color chart
- C 0
- M 78
- Y 86
- K 15
CMYK color chart

● #da301f color description : Vivid red.

The hexadecimal color #da301f has RGB values of R:218, G:48, B:31 and CMYK values of C:0, M:0.78, Y:0.86, K:0.15. Its decimal value is 14299167.

Hex triplet	da301f	`#da301f`
RGB Decimal	218, 48, 31	`rgb(218,48,31)`
RGB Percent	85.5, 18.8, 12.2	`rgb(85.5%,18.8%,12.2%)`
CMYK	0, 78, 86, 15
HSL	5.5°, 75.1, 48.8	`hsl(5.5,75.1%,48.8%)`
HSV (or HSB)	5.5°, 85.8, 85.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.413, 63.616, 50.584
XYZ	30.219, 17.122, 3.01
xyY	0.6, 0.34, 17.122
CIE-LCH	48.413, 81.276, 38.49
CIE-LUV	48.413, 132.432, 32.807
Hunter-Lab	41.379, 57.947, 24.652
Binary	11011010, 00110000, 00011111

#da301f
```
#da301f rgb(218,48,31)
```
#1fc9da
```
#1fc9da rgb(31,201,218)
```

Complementary Color

#da1f6c
```
#da1f6c rgb(218,31,108)
```
#da301f
```
#da301f rgb(218,48,31)
```
#da8e1f
```
#da8e1f rgb(218,142,31)
```

Analogous Color

#1f6cda
```
#1f6cda rgb(31,108,218)
```
#da301f
```
#da301f rgb(218,48,31)
```
#1fda8e
```
#1fda8e rgb(31,218,142)
```

Split Complementary Color

#301fda
```
#301fda rgb(48,31,218)
```
#da301f
```
#da301f rgb(218,48,31)
```
#1fda30
```
#1fda30 rgb(31,218,48)
```

Triadic Color

#da1fc9
```
#da1fc9 rgb(218,31,201)
```
#da301f
```
#da301f rgb(218,48,31)
```
#1fda30
```
#1fda30 rgb(31,218,48)
```
#1fc9da
```
#1fc9da rgb(31,201,218)
```

Tetradic Color

#972115
```
#972115 rgb(151,33,21)
```
#ad2619
```
#ad2619 rgb(173,38,25)
```
#c42b1c
```
#c42b1c rgb(196,43,28)
```
#da301f
```
#da301f rgb(218,48,31)
```
#e24131
```
#e24131 rgb(226,65,49)
```
#e55547
```
#e55547 rgb(229,85,71)
```
#e86a5d
```
#e86a5d rgb(232,106,93)
```

Monochromatic Color

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

#da1f3d
```
#da1f3d rgb(218,31,61)
```
#da1f2d
```
#da1f2d rgb(218,31,45)
```
#da201f
```
#da201f rgb(218,32,31)
```
#da301f
```
#da301f rgb(218,48,31)
```
#da401f
```
#da401f rgb(218,64,31)
```
#da4f1f
```
#da4f1f rgb(218,79,31)
```
#da5f1f
```
#da5f1f rgb(218,95,31)
```

Similar Colors

Text with hexadecimal color #da301f

This text has a font color of #da301f.

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

#da301f background color

This paragraph has a background color of #da301f.

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

#da301f border color

This element has a border color of #da301f.

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

CSS codes

.text {color:#da301f;}

.background {background-color:#da301f;}

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

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

#0c0302
```
#0c0302 rgb(12,3,2)
```
#1d0604
```
#1d0604 rgb(29,6,4)
```
#2e0a07
```
#2e0a07 rgb(46,10,7)
```
#3f0e09
```
#3f0e09 rgb(63,14,9)
```
#51120b
```
#51120b rgb(81,18,11)
```
#62160e
```
#62160e rgb(98,22,14)
```
#731910
```
#731910 rgb(115,25,16)
```
#841d13
```
#841d13 rgb(132,29,19)
```
#952115
```
#952115 rgb(149,33,21)
```
#a62518
```
#a62518 rgb(166,37,24)
```
#b8281a
```
#b8281a rgb(184,40,26)
```
#c92c1d
```
#c92c1d rgb(201,44,29)
```
#da301f
```
#da301f rgb(218,48,31)
```

Shade Color Variation

#e13c2c
```
#e13c2c rgb(225,60,44)
```
#e34c3d
```
#e34c3d rgb(227,76,61)
```
#e65c4e
```
#e65c4e rgb(230,92,78)
```
#e86c5f
```
#e86c5f rgb(232,108,95)
```
#eb7b70
```
#eb7b70 rgb(235,123,112)
```
#ed8b82
```
#ed8b82 rgb(237,139,130)
```
#f09b93
```
#f09b93 rgb(240,155,147)
```
#f2aba4
```
#f2aba4 rgb(242,171,164)
```
#f4bbb5
```
#f4bbb5 rgb(244,187,181)
```
#f7cbc6
```
#f7cbc6 rgb(247,203,198)
```
#f9dad7
```
#f9dad7 rgb(249,218,215)
```
#fceae9
```
#fceae9 rgb(252,234,233)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#847775
```
#847775 rgb(132,119,117)
```
#8d6f6c
```
#8d6f6c rgb(141,111,108)
```
#976762
```
#976762 rgb(151,103,98)
```
#a15f58
```
#a15f58 rgb(161,95,88)
```
#aa574f
```
#aa574f rgb(170,87,79)
```
#b44f45
```
#b44f45 rgb(180,79,69)
```
#bd483c
```
#bd483c rgb(189,72,60)
```
#c74032
```
#c74032 rgb(199,64,50)
```
#d03829
```
#d03829 rgb(208,56,41)
```
#da301f
```
#da301f rgb(218,48,31)
```
#e42815
```
#e42815 rgb(228,40,21)
```
#ed200c
```
#ed200c rgb(237,32,12)
```
#f71802
```
#f71802 rgb(247,24,2)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#795754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a39 Protanopia 1% of men
#987413 Deuteranopia 1% of men
#dc3839 Tritanopia 0.001% of the population

Trichromacy

#a55f30 Protanomaly 1% of men, 0.01% of women
#b05b17 Deuteranomaly 6% of men, 0.4% of women
#db3530 Tritanomaly 0.01% of the population

#da301f hex color

#da301f Color Information

#da301f Color Conversion

Color Schemes with #da301f

Alternatives to #da301f

#da301f Preview

Shades and Tints of #da301f

Tones of #da301f

Color Blindness Simulator