#d54a30 hex color

In a RGB color space, hex #d54a30 is composed of 83.5% red, 29% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.3% magenta, 77.5% yellow and 16.5% black. It has a hue angle of 9.5 degrees, a saturation of 66.3% and a lightness of 51.2%. #d54a30 color hex could be obtained by blending #ff9460 with #ab0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 84
- G 29
- B 19
RGB color chart
- C 0
- M 65
- Y 77
- K 16
CMYK color chart

● #d54a30 color description : Strong red.

The hexadecimal color #d54a30 has RGB values of R:213, G:74, B:48 and CMYK values of C:0, M:0.65, Y:0.77, K:0.16. Its decimal value is 13978160.

Hex triplet	d54a30	`#d54a30`
RGB Decimal	213, 74, 48	`rgb(213,74,48)`
RGB Percent	83.5, 29, 18.8	`rgb(83.5%,29%,18.8%)`
CMYK	0, 65, 77, 16
HSL	9.5°, 66.3, 51.2	`hsl(9.5,66.3%,51.2%)`
HSV (or HSB)	9.5°, 77.5, 83.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.991, 53.277, 44.305
XYZ	30.424, 19.26, 4.912
xyY	0.557, 0.353, 19.26
CIE-LCH	50.991, 69.292, 39.747
CIE-LUV	50.991, 110.335, 33.512
Hunter-Lab	43.887, 46.942, 24.085
Binary	11010101, 01001010, 00110000

#d54a30
```
#d54a30 rgb(213,74,48)
```
#30bbd5
```
#30bbd5 rgb(48,187,213)
```

Complementary Color

#d53069
```
#d53069 rgb(213,48,105)
```
#d54a30
```
#d54a30 rgb(213,74,48)
```
#d59d30
```
#d59d30 rgb(213,157,48)
```

Analogous Color

#3069d5
```
#3069d5 rgb(48,105,213)
```
#d54a30
```
#d54a30 rgb(213,74,48)
```
#30d59d
```
#30d59d rgb(48,213,157)
```

Split Complementary Color

#4a30d5
```
#4a30d5 rgb(74,48,213)
```
#d54a30
```
#d54a30 rgb(213,74,48)
```
#30d54a
```
#30d54a rgb(48,213,74)
```

Triadic Color

#d530bb
```
#d530bb rgb(213,48,187)
```
#d54a30
```
#d54a30 rgb(213,74,48)
```
#30d54a
```
#30d54a rgb(48,213,74)
```
#30bbd5
```
#30bbd5 rgb(48,187,213)
```

Tetradic Color

#99321f
```
#99321f rgb(153,50,31)
```
#af3923
```
#af3923 rgb(175,57,35)
```
#c44028
```
#c44028 rgb(196,64,40)
```
#d54a30
```
#d54a30 rgb(213,74,48)
```
#d95d45
```
#d95d45 rgb(217,93,69)
```
#de6f5a
```
#de6f5a rgb(222,111,90)
```
#e28270
```
#e28270 rgb(226,130,112)
```

Monochromatic Color

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

#d5303f
```
#d5303f rgb(213,48,63)
```
#d53032
```
#d53032 rgb(213,48,50)
```
#d53c30
```
#d53c30 rgb(213,60,48)
```
#d54a30
```
#d54a30 rgb(213,74,48)
```
#d55830
```
#d55830 rgb(213,88,48)
```
#d56630
```
#d56630 rgb(213,102,48)
```
#d57330
```
#d57330 rgb(213,115,48)
```

Similar Colors

Text with hexadecimal color #d54a30

This text has a font color of #d54a30.

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

#d54a30 background color

This paragraph has a background color of #d54a30.

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

#d54a30 border color

This element has a border color of #d54a30.

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

CSS codes

.text {color:#d54a30;}

.background {background-color:#d54a30;}

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

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 #fdf5f4 is the lightest one.

#050201
```
#050201 rgb(5,2,1)
```
#150704
```
#150704 rgb(21,7,4)
```
#260c08
```
#260c08 rgb(38,12,8)
```
#36120b
```
#36120b rgb(54,18,11)
```
#46170e
```
#46170e rgb(70,23,14)
```
#571c12
```
#571c12 rgb(87,28,18)
```
#672215
```
#672215 rgb(103,34,21)
```
#772718
```
#772718 rgb(119,39,24)
```
#872c1b
```
#872c1b rgb(135,44,27)
```
#98321f
```
#98321f rgb(152,50,31)
```
#a83722
```
#a83722 rgb(168,55,34)
```
#b83d25
```
#b83d25 rgb(184,61,37)
```
#c94229
```
#c94229 rgb(201,66,41)
```

Shade Color Variation

#d54a30
```
#d54a30 rgb(213,74,48)
```
#d85840
```
#d85840 rgb(216,88,64)
```
#dc6751
```
#dc6751 rgb(220,103,81)
```
#df7561
```
#df7561 rgb(223,117,97)
```
#e28371
```
#e28371 rgb(226,131,113)
```
#e69182
```
#e69182 rgb(230,145,130)
```
#e9a092
```
#e9a092 rgb(233,160,146)
```
#ecaea2
```
#ecaea2 rgb(236,174,162)
```
#efbcb2
```
#efbcb2 rgb(239,188,178)
```
#f3cac3
```
#f3cac3 rgb(243,202,195)
```
#f6d9d3
```
#f6d9d3 rgb(246,217,211)
```
#f9e7e3
```
#f9e7e3 rgb(249,231,227)
```
#fdf5f4
```
#fdf5f4 rgb(253,245,244)
```

Tint Color Variation

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

#887e7d
```
#887e7d rgb(136,126,125)
```
#927873
```
#927873 rgb(146,120,115)
```
#9c7169
```
#9c7169 rgb(156,113,105)
```
#a56b60
```
#a56b60 rgb(165,107,96)
```
#af6456
```
#af6456 rgb(175,100,86)
```
#b85e4d
```
#b85e4d rgb(184,94,77)
```
#c25743
```
#c25743 rgb(194,87,67)
```
#cb513a
```
#cb513a rgb(203,81,58)
```
#d54a30
```
#d54a30 rgb(213,74,48)
```
#df4326
```
#df4326 rgb(223,67,38)
```
#e83d1d
```
#e83d1d rgb(232,61,29)
```
#f23613
```
#f23613 rgb(242,54,19)
```
#fb300a
```
#fb300a rgb(251,48,10)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#856964 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8047 Protanopia 1% of men
#9e7a2f Deuteranopia 1% of men
#d85054 Tritanopia 0.001% of the population

Trichromacy

#a76c3f Protanomaly 1% of men, 0.01% of women
#b2682f Deuteranomaly 6% of men, 0.4% of women
#d74d47 Tritanomaly 0.01% of the population

#d54a30 hex color

#d54a30 Color Information

#d54a30 Color Conversion

Color Schemes with #d54a30

Alternatives to #d54a30

#d54a30 Preview

Shades and Tints of #d54a30

Tones of #d54a30

Color Blindness Simulator