#df1a30 hex color

In a RGB color space, hex #df1a30 is composed of 87.5% red, 10.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.3% magenta, 78.5% yellow and 12.5% black. It has a hue angle of 353.3 degrees, a saturation of 79.1% and a lightness of 48.8%. #df1a30 color hex could be obtained by blending #ff3460 with #bf0000. Closest websafe color is: #cc3333.

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

● #df1a30 color description : Vivid red.

The hexadecimal color #df1a30 has RGB values of R:223, G:26, B:48 and CMYK values of C:0, M:0.88, Y:0.78, K:0.13. Its decimal value is 14621232.

Hex triplet	df1a30	`#df1a30`
RGB Decimal	223, 26, 48	`rgb(223,26,48)`
RGB Percent	87.5, 10.2, 18.8	`rgb(87.5%,10.2%,18.8%)`
CMYK	0, 88, 78, 13
HSL	353.3°, 79.1, 48.8	`hsl(353.3,79.1%,48.8%)`
HSV (or HSB)	353.3°, 88.3, 87.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.809, 70.376, 41.597
XYZ	31.336, 16.644, 4.359
xyY	0.599, 0.318, 16.644
CIE-LCH	47.809, 81.75, 30.586
CIE-LUV	47.809, 141.947, 25.512
Hunter-Lab	40.797, 65.709, 22.223
Binary	11011111, 00011010, 00110000

#df1a30
```
#df1a30 rgb(223,26,48)
```
#1adfc9
```
#1adfc9 rgb(26,223,201)
```

Complementary Color

#df1a93
```
#df1a93 rgb(223,26,147)
```
#df1a30
```
#df1a30 rgb(223,26,48)
```
#df671a
```
#df671a rgb(223,103,26)
```

Analogous Color

#1a93df
```
#1a93df rgb(26,147,223)
```
#df1a30
```
#df1a30 rgb(223,26,48)
```
#1adf67
```
#1adf67 rgb(26,223,103)
```

Split Complementary Color

#1a30df
```
#1a30df rgb(26,48,223)
```
#df1a30
```
#df1a30 rgb(223,26,48)
```
#30df1a
```
#30df1a rgb(48,223,26)
```

Triadic Color

#c91adf
```
#c91adf rgb(201,26,223)
```
#df1a30
```
#df1a30 rgb(223,26,48)
```
#30df1a
```
#30df1a rgb(48,223,26)
```
#1adfc9
```
#1adfc9 rgb(26,223,201)
```

Tetradic Color

#9a1221
```
#9a1221 rgb(154,18,33)
```
#b11526
```
#b11526 rgb(177,21,38)
```
#c8172b
```
#c8172b rgb(200,23,43)
```
#df1a30
```
#df1a30 rgb(223,26,48)
```
#e62c41
```
#e62c41 rgb(230,44,65)
```
#e94355
```
#e94355 rgb(233,67,85)
```
#ec5a6a
```
#ec5a6a rgb(236,90,106)
```

Monochromatic Color

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

#df1a61
```
#df1a61 rgb(223,26,97)
```
#df1a51
```
#df1a51 rgb(223,26,81)
```
#df1a40
```
#df1a40 rgb(223,26,64)
```
#df1a30
```
#df1a30 rgb(223,26,48)
```
#df1a20
```
#df1a20 rgb(223,26,32)
```
#df251a
```
#df251a rgb(223,37,26)
```
#df351a
```
#df351a rgb(223,53,26)
```

Similar Colors

Text with hexadecimal color #df1a30

This text has a font color of #df1a30.

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

#df1a30 background color

This paragraph has a background color of #df1a30.

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

#df1a30 border color

This element has a border color of #df1a30.

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

CSS codes

.text {color:#df1a30;}

.background {background-color:#df1a30;}

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

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

#0c0103
```
#0c0103 rgb(12,1,3)
```
#1e0306
```
#1e0306 rgb(30,3,6)
```
#2f060a
```
#2f060a rgb(47,6,10)
```
#41080e
```
#41080e rgb(65,8,14)
```
#520a12
```
#520a12 rgb(82,10,18)
```
#640c16
```
#640c16 rgb(100,12,22)
```
#760e19
```
#760e19 rgb(118,14,25)
```
#87101d
```
#87101d rgb(135,16,29)
```
#991221
```
#991221 rgb(153,18,33)
```
#aa1425
```
#aa1425 rgb(170,20,37)
```
#bc1628
```
#bc1628 rgb(188,22,40)
```
#cd182c
```
#cd182c rgb(205,24,44)
```
#df1a30
```
#df1a30 rgb(223,26,48)
```

Shade Color Variation

#e6273c
```
#e6273c rgb(230,39,60)
```
#e8384c
```
#e8384c rgb(232,56,76)
```
#ea4a5c
```
#ea4a5c rgb(234,74,92)
```
#ec5c6c
```
#ec5c6c rgb(236,92,108)
```
#ee6d7b
```
#ee6d7b rgb(238,109,123)
```
#f07f8b
```
#f07f8b rgb(240,127,139)
```
#f2909b
```
#f2909b rgb(242,144,155)
```
#f4a2ab
```
#f4a2ab rgb(244,162,171)
```
#f6b3bb
```
#f6b3bb rgb(246,179,187)
```
#f8c5cb
```
#f8c5cb rgb(248,197,203)
```
#fad6da
```
#fad6da rgb(250,214,218)
```
#fce8ea
```
#fce8ea rgb(252,232,234)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#7f7a7a
```
#7f7a7a rgb(127,122,122)
```
#897073
```
#897073 rgb(137,112,115)
```
#92676c
```
#92676c rgb(146,103,108)
```
#9c5d64
```
#9c5d64 rgb(156,93,100)
```
#a6535d
```
#a6535d rgb(166,83,93)
```
#af4a55
```
#af4a55 rgb(175,74,85)
```
#b9404e
```
#b9404e rgb(185,64,78)
```
#c23746
```
#c23746 rgb(194,55,70)
```
#cc2d3f
```
#cc2d3f rgb(204,45,63)
```
#d52437
```
#d52437 rgb(213,36,55)
```
#df1a30
```
#df1a30 rgb(223,26,48)
```
#e91029
```
#e91029 rgb(233,16,41)
```
#f20721
```
#f20721 rgb(242,7,33)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#724b4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#837850 Protanopia 1% of men
#95732b Deuteranopia 1% of men
#e02927 Tritanopia 0.001% of the population

Trichromacy

#a45644 Protanomaly 1% of men, 0.01% of women
#b0522d Deuteranomaly 6% of men, 0.4% of women
#df242a Tritanomaly 0.01% of the population

#df1a30 hex color

#df1a30 Color Information

#df1a30 Color Conversion

Color Schemes with #df1a30

Alternatives to #df1a30

#df1a30 Preview

Shades and Tints of #df1a30

Tones of #df1a30

Color Blindness Simulator