#d31b48 hex color

In a RGB color space, hex #d31b48 is composed of 82.7% red, 10.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 65.9% yellow and 17.3% black. It has a hue angle of 345.3 degrees, a saturation of 77.3% and a lightness of 46.7%. #d31b48 color hex could be obtained by blending #ff3690 with #a70000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 83
- G 11
- B 28
RGB color chart
- C 0
- M 87
- Y 66
- K 17
CMYK color chart

● #d31b48 color description : Strong red.

The hexadecimal color #d31b48 has RGB values of R:211, G:27, B:72 and CMYK values of C:0, M:0.87, Y:0.66, K:0.17. Its decimal value is 13835080.

Hex triplet	d31b48	`#d31b48`
RGB Decimal	211, 27, 72	`rgb(211,27,72)`
RGB Percent	82.7, 10.6, 28.2	`rgb(82.7%,10.6%,28.2%)`
CMYK	0, 87, 66, 17
HSL	345.3°, 77.3, 46.7	`hsl(345.3,77.3%,46.7%)`
HSV (or HSB)	345.3°, 87.2, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.777, 68.097, 24.348
XYZ	28.427, 15.104, 7.549
xyY	0.557, 0.296, 15.104
CIE-LCH	45.777, 72.319, 19.675
CIE-LUV	45.777, 125.991, 12.668
Hunter-Lab	38.864, 62.551, 15.688
Binary	11010011, 00011011, 01001000

#d31b48
```
#d31b48 rgb(211,27,72)
```
#1bd3a6
```
#1bd3a6 rgb(27,211,166)
```

Complementary Color

#d31ba4
```
#d31ba4 rgb(211,27,164)
```
#d31b48
```
#d31b48 rgb(211,27,72)
```
#d34a1b
```
#d34a1b rgb(211,74,27)
```

Analogous Color

#1ba4d3
```
#1ba4d3 rgb(27,164,211)
```
#d31b48
```
#d31b48 rgb(211,27,72)
```
#1bd34a
```
#1bd34a rgb(27,211,74)
```

Split Complementary Color

#1b48d3
```
#1b48d3 rgb(27,72,211)
```
#d31b48
```
#d31b48 rgb(211,27,72)
```
#48d31b
```
#48d31b rgb(72,211,27)
```

Triadic Color

#a61bd3
```
#a61bd3 rgb(166,27,211)
```
#d31b48
```
#d31b48 rgb(211,27,72)
```
#48d31b
```
#48d31b rgb(72,211,27)
```
#1bd3a6
```
#1bd3a6 rgb(27,211,166)
```

Tetradic Color

#8f1231
```
#8f1231 rgb(143,18,49)
```
#a61539
```
#a61539 rgb(166,21,57)
```
#bc1840
```
#bc1840 rgb(188,24,64)
```
#d31b48
```
#d31b48 rgb(211,27,72)
```
#e32453
```
#e32453 rgb(227,36,83)
```
#e63b65
```
#e63b65 rgb(230,59,101)
```
#e95277
```
#e95277 rgb(233,82,119)
```

Monochromatic Color

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

#d31b76
```
#d31b76 rgb(211,27,118)
```
#d31b67
```
#d31b67 rgb(211,27,103)
```
#d31b57
```
#d31b57 rgb(211,27,87)
```
#d31b48
```
#d31b48 rgb(211,27,72)
```
#d31b39
```
#d31b39 rgb(211,27,57)
```
#d31b29
```
#d31b29 rgb(211,27,41)
```
#d31c1b
```
#d31c1b rgb(211,28,27)
```

Similar Colors

Text with hexadecimal color #d31b48

This text has a font color of #d31b48.

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

#d31b48 background color

This paragraph has a background color of #d31b48.

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

#d31b48 border color

This element has a border color of #d31b48.

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

CSS codes

.text {color:#d31b48;}

.background {background-color:#d31b48;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#140307
```
#140307 rgb(20,3,7)
```
#25050d
```
#25050d rgb(37,5,13)
```
#360713
```
#360713 rgb(54,7,19)
```
#480919
```
#480919 rgb(72,9,25)
```
#590b1e
```
#590b1e rgb(89,11,30)
```
#6b0e24
```
#6b0e24 rgb(107,14,36)
```
#7c102a
```
#7c102a rgb(124,16,42)
```
#8d1230
```
#8d1230 rgb(141,18,48)
```
#9f1436
```
#9f1436 rgb(159,20,54)
```
#b0173c
```
#b0173c rgb(176,23,60)
```
#c21942
```
#c21942 rgb(194,25,66)
```
#d31b48
```
#d31b48 rgb(211,27,72)
```

Shade Color Variation

#e21f4f
```
#e21f4f rgb(226,31,79)
```
#e5315d
```
#e5315d rgb(229,49,93)
```
#e7426a
```
#e7426a rgb(231,66,106)
```
#e95378
```
#e95378 rgb(233,83,120)
```
#eb6586
```
#eb6586 rgb(235,101,134)
```
#ed7693
```
#ed7693 rgb(237,118,147)
```
#f088a1
```
#f088a1 rgb(240,136,161)
```
#f299af
```
#f299af rgb(242,153,175)
```
#f4aabc
```
#f4aabc rgb(244,170,188)
```
#f6bcca
```
#f6bcca rgb(246,188,202)
```
#f9cdd8
```
#f9cdd8 rgb(249,205,216)
```
#fbdfe5
```
#fbdfe5 rgb(251,223,229)
```
#fdf0f3
```
#fdf0f3 rgb(253,240,243)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#816d72
```
#816d72 rgb(129,109,114)
```
#8a646d
```
#8a646d rgb(138,100,109)
```
#935b69
```
#935b69 rgb(147,91,105)
```
#9c5264
```
#9c5264 rgb(156,82,100)
```
#a5495f
```
#a5495f rgb(165,73,95)
```
#ae405b
```
#ae405b rgb(174,64,91)
```
#b83656
```
#b83656 rgb(184,54,86)
```
#c12d51
```
#c12d51 rgb(193,45,81)
```
#ca244d
```
#ca244d rgb(202,36,77)
```
#d31b48
```
#d31b48 rgb(211,27,72)
```
#dc1243
```
#dc1243 rgb(220,18,67)
```
#e5093f
```
#e5093f rgb(229,9,63)
```

Tone Color Variation

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

Dichromacy

#77736b Protanopia 1% of men
#8c6f45 Deuteranopia 1% of men
#d42f2f Tritanopia 0.001% of the population

Trichromacy

#99535e Protanomaly 1% of men, 0.01% of women
#a55046 Deuteranomaly 6% of men, 0.4% of women
#d32838 Tritanomaly 0.01% of the population

#d31b48 hex color

#d31b48 Color Information

#d31b48 Color Conversion

Color Schemes with #d31b48

Alternatives to #d31b48

#d31b48 Preview

Shades and Tints of #d31b48

Tones of #d31b48

Color Blindness Simulator