#d22531 hex color

In a RGB color space, hex #d22531 is composed of 82.4% red, 14.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.4% magenta, 76.7% yellow and 17.6% black. It has a hue angle of 355.8 degrees, a saturation of 70% and a lightness of 48.4%. #d22531 color hex could be obtained by blending #ff4a62 with #a50000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 82
- G 15
- B 19
RGB color chart
- C 0
- M 82
- Y 77
- K 18
CMYK color chart

● #d22531 color description : Strong red.

The hexadecimal color #d22531 has RGB values of R:210, G:37, B:49 and CMYK values of C:0, M:0.82, Y:0.77, K:0.18. Its decimal value is 13772081.

Hex triplet	d22531	`#d22531`
RGB Decimal	210, 37, 49	`rgb(210,37,49)`
RGB Percent	82.4, 14.5, 19.2	`rgb(82.4%,14.5%,19.2%)`
CMYK	0, 82, 77, 18
HSL	355.8°, 70, 48.4	`hsl(355.8,70%,48.4%)`
HSV (or HSB)	355.8°, 82.4, 82.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.975, 64.749, 38.296
XYZ	27.796, 15.25, 4.386
xyY	0.586, 0.322, 15.25
CIE-LCH	45.975, 75.226, 30.602
CIE-LUV	45.975, 128.142, 24.24
Hunter-Lab	39.051, 58.712, 20.677
Binary	11010010, 00100101, 00110001

#d22531
```
#d22531 rgb(210,37,49)
```
#25d2c6
```
#25d2c6 rgb(37,210,198)
```

Complementary Color

#d22588
```
#d22588 rgb(210,37,136)
```
#d22531
```
#d22531 rgb(210,37,49)
```
#d27025
```
#d27025 rgb(210,112,37)
```

Analogous Color

#2588d2
```
#2588d2 rgb(37,136,210)
```
#d22531
```
#d22531 rgb(210,37,49)
```
#25d270
```
#25d270 rgb(37,210,112)
```

Split Complementary Color

#2531d2
```
#2531d2 rgb(37,49,210)
```
#d22531
```
#d22531 rgb(210,37,49)
```
#31d225
```
#31d225 rgb(49,210,37)
```

Triadic Color

#c625d2
```
#c625d2 rgb(198,37,210)
```
#d22531
```
#d22531 rgb(210,37,49)
```
#31d225
```
#31d225 rgb(49,210,37)
```
#25d2c6
```
#25d2c6 rgb(37,210,198)
```

Tetradic Color

#911a22
```
#911a22 rgb(145,26,34)
```
#a71d27
```
#a71d27 rgb(167,29,39)
```
#bc212c
```
#bc212c rgb(188,33,44)
```
#d22531
```
#d22531 rgb(210,37,49)
```
#db3541
```
#db3541 rgb(219,53,65)
```
#df4b55
```
#df4b55 rgb(223,75,85)
```
#e36069
```
#e36069 rgb(227,96,105)
```

Monochromatic Color

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

#d2255c
```
#d2255c rgb(210,37,92)
```
#d2254e
```
#d2254e rgb(210,37,78)
```
#d2253f
```
#d2253f rgb(210,37,63)
```
#d22531
```
#d22531 rgb(210,37,49)
```
#d22725
```
#d22725 rgb(210,39,37)
```
#d23625
```
#d23625 rgb(210,54,37)
```
#d24425
```
#d24425 rgb(210,68,37)
```

Similar Colors

Text with hexadecimal color #d22531

This text has a font color of #d22531.

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

#d22531 background color

This paragraph has a background color of #d22531.

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

#d22531 border color

This element has a border color of #d22531.

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

CSS codes

.text {color:#d22531;}

.background {background-color:#d22531;}

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

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

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1b0506
```
#1b0506 rgb(27,5,6)
```
#2b080a
```
#2b080a rgb(43,8,10)
```
#3c0b0e
```
#3c0b0e rgb(60,11,14)
```
#4d0d12
```
#4d0d12 rgb(77,13,18)
```
#5d1016
```
#5d1016 rgb(93,16,22)
```
#6e131a
```
#6e131a rgb(110,19,26)
```
#7f161e
```
#7f161e rgb(127,22,30)
```
#8f1921
```
#8f1921 rgb(143,25,33)
```
#a01c25
```
#a01c25 rgb(160,28,37)
```
#b11f29
```
#b11f29 rgb(177,31,41)
```
#c1222d
```
#c1222d rgb(193,34,45)
```
#d22531
```
#d22531 rgb(210,37,49)
```

Shade Color Variation

#db303c
```
#db303c rgb(219,48,60)
```
#dd414c
```
#dd414c rgb(221,65,76)
```
#e0515b
```
#e0515b rgb(224,81,91)
```
#e3626b
```
#e3626b rgb(227,98,107)
```
#e6737b
```
#e6737b rgb(230,115,123)
```
#e9838b
```
#e9838b rgb(233,131,139)
```
#ec949a
```
#ec949a rgb(236,148,154)
```
#efa5aa
```
#efa5aa rgb(239,165,170)
```
#f2b5ba
```
#f2b5ba rgb(242,181,186)
```
#f5c6c9
```
#f5c6c9 rgb(245,198,201)
```
#f8d7d9
```
#f8d7d9 rgb(248,215,217)
```
#fbe8e9
```
#fbe8e9 rgb(251,232,233)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#7d7b7b
```
#7d7b7b rgb(125,123,123)
```
#867172
```
#867172 rgb(134,113,114)
```
#90686a
```
#90686a rgb(144,104,106)
```
#995e62
```
#995e62 rgb(153,94,98)
```
#a3555a
```
#a3555a rgb(163,85,90)
```
#ac4b52
```
#ac4b52 rgb(172,75,82)
```
#b6424a
```
#b6424a rgb(182,66,74)
```
#bf3841
```
#bf3841 rgb(191,56,65)
```
#c92f39
```
#c92f39 rgb(201,47,57)
```
#d22531
```
#d22531 rgb(210,37,49)
```
#dc1c29
```
#dc1c29 rgb(220,28,41)
```
#e51221
```
#e51221 rgb(229,18,33)
```
#ef0918
```
#ef0918 rgb(239,9,24)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#724f52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e744f Protanopia 1% of men
#8f6f2e Deuteranopia 1% of men
#d43232 Tritanopia 0.001% of the population

Trichromacy

#9c5744 Protanomaly 1% of men, 0.01% of women
#a7542f Deuteranomaly 6% of men, 0.4% of women
#d32d31 Tritanomaly 0.01% of the population

#d22531 hex color

#d22531 Color Information

#d22531 Color Conversion

Color Schemes with #d22531

Alternatives to #d22531

#d22531 Preview

Shades and Tints of #d22531

Tones of #d22531

Color Blindness Simulator