#d53045 hex color

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

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

● #d53045 color description : Strong red.

The hexadecimal color #d53045 has RGB values of R:213, G:48, B:69 and CMYK values of C:0, M:0.77, Y:0.68, K:0.16. Its decimal value is 13971525.

Hex triplet	d53045	`#d53045`
RGB Decimal	213, 48, 69	`rgb(213,48,69)`
RGB Percent	83.5, 18.8, 27.1	`rgb(83.5%,18.8%,27.1%)`
CMYK	0, 77, 68, 16
HSL	352.4°, 66.3, 51.2	`hsl(352.4,66.3%,51.2%)`
HSV (or HSB)	352.4°, 77.5, 83.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.871, 63.503, 28.893
XYZ	29.573, 16.693, 7.295
xyY	0.552, 0.312, 16.693
CIE-LCH	47.871, 69.767, 24.465
CIE-LUV	47.871, 120.758, 18.285
Hunter-Lab	40.857, 57.7, 18.014
Binary	11010101, 00110000, 01000101

#d53045
```
#d53045 rgb(213,48,69)
```
#30d5c0
```
#30d5c0 rgb(48,213,192)
```

Complementary Color

#d53098
```
#d53098 rgb(213,48,152)
```
#d53045
```
#d53045 rgb(213,48,69)
```
#d56e30
```
#d56e30 rgb(213,110,48)
```

Analogous Color

#3098d5
```
#3098d5 rgb(48,152,213)
```
#d53045
```
#d53045 rgb(213,48,69)
```
#30d56e
```
#30d56e rgb(48,213,110)
```

Split Complementary Color

#3045d5
```
#3045d5 rgb(48,69,213)
```
#d53045
```
#d53045 rgb(213,48,69)
```
#45d530
```
#45d530 rgb(69,213,48)
```

Triadic Color

#c030d5
```
#c030d5 rgb(192,48,213)
```
#d53045
```
#d53045 rgb(213,48,69)
```
#45d530
```
#45d530 rgb(69,213,48)
```
#30d5c0
```
#30d5c0 rgb(48,213,192)
```

Tetradic Color

#991f2f
```
#991f2f rgb(153,31,47)
```
#af2335
```
#af2335 rgb(175,35,53)
```
#c4283c
```
#c4283c rgb(196,40,60)
```
#d53045
```
#d53045 rgb(213,48,69)
```
#d94558
```
#d94558 rgb(217,69,88)
```
#de5a6b
```
#de5a6b rgb(222,90,107)
```
#e2707e
```
#e2707e rgb(226,112,126)
```

Monochromatic Color

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

#d5306e
```
#d5306e rgb(213,48,110)
```
#d53060
```
#d53060 rgb(213,48,96)
```
#d53053
```
#d53053 rgb(213,48,83)
```
#d53045
```
#d53045 rgb(213,48,69)
```
#d53037
```
#d53037 rgb(213,48,55)
```
#d53730
```
#d53730 rgb(213,55,48)
```
#d54430
```
#d54430 rgb(213,68,48)
```

Similar Colors

Text with hexadecimal color #d53045

This text has a font color of #d53045.

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

#d53045 background color

This paragraph has a background color of #d53045.

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

#d53045 border color

This element has a border color of #d53045.

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

CSS codes

.text {color:#d53045;}

.background {background-color:#d53045;}

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

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

#050102
```
#050102 rgb(5,1,2)
```
#150406
```
#150406 rgb(21,4,6)
```
#26080b
```
#26080b rgb(38,8,11)
```
#360b10
```
#360b10 rgb(54,11,16)
```
#460e15
```
#460e15 rgb(70,14,21)
```
#57121a
```
#57121a rgb(87,18,26)
```
#67151f
```
#67151f rgb(103,21,31)
```
#771824
```
#771824 rgb(119,24,36)
```
#871b29
```
#871b29 rgb(135,27,41)
```
#981f2e
```
#981f2e rgb(152,31,46)
```
#a82233
```
#a82233 rgb(168,34,51)
```
#b82538
```
#b82538 rgb(184,37,56)
```
#c9293d
```
#c9293d rgb(201,41,61)
```

Shade Color Variation

#d53045
```
#d53045 rgb(213,48,69)
```
#d84054
```
#d84054 rgb(216,64,84)
```
#dc5162
```
#dc5162 rgb(220,81,98)
```
#df6171
```
#df6171 rgb(223,97,113)
```
#e27180
```
#e27180 rgb(226,113,128)
```
#e6828e
```
#e6828e rgb(230,130,142)
```
#e9929d
```
#e9929d rgb(233,146,157)
```
#eca2ac
```
#eca2ac rgb(236,162,172)
```
#efb2ba
```
#efb2ba rgb(239,178,186)
```
#f3c3c9
```
#f3c3c9 rgb(243,195,201)
```
#f6d3d8
```
#f6d3d8 rgb(246,211,216)
```
#f9e3e6
```
#f9e3e6 rgb(249,227,230)
```
#fdf4f5
```
#fdf4f5 rgb(253,244,245)
```

Tint Color Variation

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

#887d7e
```
#887d7e rgb(136,125,126)
```
#927377
```
#927377 rgb(146,115,119)
```
#9c6970
```
#9c6970 rgb(156,105,112)
```
#a56069
```
#a56069 rgb(165,96,105)
```
#af5662
```
#af5662 rgb(175,86,98)
```
#b84d5a
```
#b84d5a rgb(184,77,90)
```
#c24353
```
#c24353 rgb(194,67,83)
```
#cb3a4c
```
#cb3a4c rgb(203,58,76)
```
#d53045
```
#d53045 rgb(213,48,69)
```
#df263e
```
#df263e rgb(223,38,62)
```
#e81d37
```
#e81d37 rgb(232,29,55)
```
#f21330
```
#f21330 rgb(242,19,48)
```
#fb0a28
```
#fb0a28 rgb(251,10,40)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#7b5a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7864 Protanopia 1% of men
#927343 Deuteranopia 1% of men
#d63d3f Tritanopia 0.001% of the population

Trichromacy

#9e5e58 Protanomaly 1% of men, 0.01% of women
#aa5b44 Deuteranomaly 6% of men, 0.4% of women
#d63841 Tritanomaly 0.01% of the population

#d53045 hex color

#d53045 Color Information

#d53045 Color Conversion

Color Schemes with #d53045

Alternatives to #d53045

#d53045 Preview

Shades and Tints of #d53045

Tones of #d53045

Color Blindness Simulator