#d5312a hex color

In a RGB color space, hex #d5312a is composed of 83.5% red, 19.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77% magenta, 80.3% yellow and 16.5% black. It has a hue angle of 2.5 degrees, a saturation of 67.1% and a lightness of 50%. #d5312a color hex could be obtained by blending #ff6254 with #ab0000. Closest websafe color is: #cc3333.

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

● #d5312a color description : Strong red.

The hexadecimal color #d5312a has RGB values of R:213, G:49, B:42 and CMYK values of C:0, M:0.77, Y:0.8, K:0.16. Its decimal value is 13971754.

Hex triplet	d5312a	`#d5312a`
RGB Decimal	213, 49, 42	`rgb(213,49,42)`
RGB Percent	83.5, 19.2, 16.5	`rgb(83.5%,19.2%,16.5%)`
CMYK	0, 77, 80, 16
HSL	2.5°, 67.1, 50	`hsl(2.5,67.1%,50%)`
HSV (or HSB)	2.5°, 80.3, 83.5
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.641, 62.13, 44.065
XYZ	28.958, 16.513, 3.853
xyY	0.587, 0.335, 16.513
CIE-LCH	47.641, 76.17, 35.345
CIE-LUV	47.641, 126.376, 29.305
Hunter-Lab	40.637, 56.087, 22.824
Binary	11010101, 00110001, 00101010

#d5312a
```
#d5312a rgb(213,49,42)
```
#2aced5
```
#2aced5 rgb(42,206,213)
```

Complementary Color

#d52a79
```
#d52a79 rgb(213,42,121)
```
#d5312a
```
#d5312a rgb(213,49,42)
```
#d5872a
```
#d5872a rgb(213,135,42)
```

Analogous Color

#2a79d5
```
#2a79d5 rgb(42,121,213)
```
#d5312a
```
#d5312a rgb(213,49,42)
```
#2ad587
```
#2ad587 rgb(42,213,135)
```

Split Complementary Color

#312ad5
```
#312ad5 rgb(49,42,213)
```
#d5312a
```
#d5312a rgb(213,49,42)
```
#2ad531
```
#2ad531 rgb(42,213,49)
```

Triadic Color

#d52ace
```
#d52ace rgb(213,42,206)
```
#d5312a
```
#d5312a rgb(213,49,42)
```
#2ad531
```
#2ad531 rgb(42,213,49)
```
#2aced5
```
#2aced5 rgb(42,206,213)
```

Tetradic Color

#95221d
```
#95221d rgb(149,34,29)
```
#aa2722
```
#aa2722 rgb(170,39,34)
```
#c02c26
```
#c02c26 rgb(192,44,38)
```
#d5312a
```
#d5312a rgb(213,49,42)
```
#d9463f
```
#d9463f rgb(217,70,63)
```
#dd5a55
```
#dd5a55 rgb(221,90,85)
```
#e26f6a
```
#e26f6a rgb(226,111,106)
```

Monochromatic Color

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

#d52a4e
```
#d52a4e rgb(213,42,78)
```
#d52a40
```
#d52a40 rgb(213,42,64)
```
#d52a31
```
#d52a31 rgb(213,42,49)
```
#d5312a
```
#d5312a rgb(213,49,42)
```
#d53f2a
```
#d53f2a rgb(213,63,42)
```
#d54e2a
```
#d54e2a rgb(213,78,42)
```
#d55c2a
```
#d55c2a rgb(213,92,42)
```

Similar Colors

Text with hexadecimal color #d5312a

This text has a font color of #d5312a.

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

#d5312a background color

This paragraph has a background color of #d5312a.

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

#d5312a border color

This element has a border color of #d5312a.

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

CSS codes

.text {color:#d5312a;}

.background {background-color:#d5312a;}

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

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

#100403
```
#100403 rgb(16,4,3)
```
#210806
```
#210806 rgb(33,8,6)
```
#310b0a
```
#310b0a rgb(49,11,10)
```
#420f0d
```
#420f0d rgb(66,15,13)
```
#521310
```
#521310 rgb(82,19,16)
```
#621713
```
#621713 rgb(98,23,19)
```
#731a17
```
#731a17 rgb(115,26,23)
```
#831e1a
```
#831e1a rgb(131,30,26)
```
#93221d
```
#93221d rgb(147,34,29)
```
#a42620
```
#a42620 rgb(164,38,32)
```
#b42924
```
#b42924 rgb(180,41,36)
```
#c52d27
```
#c52d27 rgb(197,45,39)
```
#d5312a
```
#d5312a rgb(213,49,42)
```

Shade Color Variation

#d8413a
```
#d8413a rgb(216,65,58)
```
#db514b
```
#db514b rgb(219,81,75)
```
#df615b
```
#df615b rgb(223,97,91)
```
#e2706c
```
#e2706c rgb(226,112,108)
```
#e5807c
```
#e5807c rgb(229,128,124)
```
#e8908c
```
#e8908c rgb(232,144,140)
```
#eca09d
```
#eca09d rgb(236,160,157)
```
#efb0ad
```
#efb0ad rgb(239,176,173)
```
#f2c0bd
```
#f2c0bd rgb(242,192,189)
```
#f5cfce
```
#f5cfce rgb(245,207,206)
```
#f9dfde
```
#f9dfde rgb(249,223,222)
```
#fcefef
```
#fcefef rgb(252,239,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#877978
```
#877978 rgb(135,121,120)
```
#90706f
```
#90706f rgb(144,112,111)
```
#9a6765
```
#9a6765 rgb(154,103,101)
```
#a45e5b
```
#a45e5b rgb(164,94,91)
```
#ae5551
```
#ae5551 rgb(174,85,81)
```
#b84c47
```
#b84c47 rgb(184,76,71)
```
#c1433e
```
#c1433e rgb(193,67,62)
```
#cb3a34
```
#cb3a34 rgb(203,58,52)
```
#d5312a
```
#d5312a rgb(213,49,42)
```
#df2820
```
#df2820 rgb(223,40,32)
```
#e91f16
```
#e91f16 rgb(233,31,22)
```
#f2160d
```
#f2160d rgb(242,22,13)
```
#fc0d03
```
#fc0d03 rgb(252,13,3)
```

Tone Color Variation

Below, you can see how #d5312a 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
#785756 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837845 Protanopia 1% of men
#957226 Deuteranopia 1% of men
#d73a3c Tritanopia 0.001% of the population

Trichromacy

#a15e3b Protanomaly 1% of men, 0.01% of women
#ac5a27 Deuteranomaly 6% of men, 0.4% of women
#d63735 Tritanomaly 0.01% of the population

#d5312a hex color

#d5312a Color Information

#d5312a Color Conversion

Color Schemes with #d5312a

Alternatives to #d5312a

#d5312a Preview

Shades and Tints of #d5312a

Tones of #d5312a

Color Blindness Simulator