#d22530 hex color

In a RGB color space, hex #d22530 is composed of 82.4% red, 14.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.4% magenta, 77.1% yellow and 17.6% black. It has a hue angle of 356.2 degrees, a saturation of 70% and a lightness of 48.4%. #d22530 color hex could be obtained by blending #ff4a60 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

● #d22530 color description : Strong red.

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

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

CIE-LAB	45.963, 64.715, 38.854
XYZ	27.775, 15.242, 4.276
xyY	0.587, 0.322, 15.242
CIE-LCH	45.963, 75.483, 30.98
CIE-LUV	45.963, 128.361, 24.605
Hunter-Lab	39.041, 58.67, 20.835
Binary	11010010, 00100101, 00110000

#d22530
```
#d22530 rgb(210,37,48)
```
#25d2c7
```
#25d2c7 rgb(37,210,199)
```

Complementary Color

#d22587
```
#d22587 rgb(210,37,135)
```
#d22530
```
#d22530 rgb(210,37,48)
```
#d27125
```
#d27125 rgb(210,113,37)
```

Analogous Color

#2587d2
```
#2587d2 rgb(37,135,210)
```
#d22530
```
#d22530 rgb(210,37,48)
```
#25d271
```
#25d271 rgb(37,210,113)
```

Split Complementary Color

#2530d2
```
#2530d2 rgb(37,48,210)
```
#d22530
```
#d22530 rgb(210,37,48)
```
#30d225
```
#30d225 rgb(48,210,37)
```

Triadic Color

#c725d2
```
#c725d2 rgb(199,37,210)
```
#d22530
```
#d22530 rgb(210,37,48)
```
#30d225
```
#30d225 rgb(48,210,37)
```
#25d2c7
```
#25d2c7 rgb(37,210,199)
```

Tetradic Color

#911a21
```
#911a21 rgb(145,26,33)
```
#a71d26
```
#a71d26 rgb(167,29,38)
```
#bc212b
```
#bc212b rgb(188,33,43)
```
#d22530
```
#d22530 rgb(210,37,48)
```
#db3540
```
#db3540 rgb(219,53,64)
```
#df4b54
```
#df4b54 rgb(223,75,84)
```
#e36069
```
#e36069 rgb(227,96,105)
```

Monochromatic Color

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

#d2255b
```
#d2255b rgb(210,37,91)
```
#d2254d
```
#d2254d rgb(210,37,77)
```
#d2253e
```
#d2253e rgb(210,37,62)
```
#d22530
```
#d22530 rgb(210,37,48)
```
#d22825
```
#d22825 rgb(210,40,37)
```
#d23725
```
#d23725 rgb(210,55,37)
```
#d24525
```
#d24525 rgb(210,69,37)
```

Similar Colors

Text with hexadecimal color #d22530

This text has a font color of #d22530.

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

#d22530 background color

This paragraph has a background color of #d22530.

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

#d22530 border color

This element has a border color of #d22530.

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

CSS codes

.text {color:#d22530;}

.background {background-color:#d22530;}

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

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)
```
#5d1015
```
#5d1015 rgb(93,16,21)
```
#6e1319
```
#6e1319 rgb(110,19,25)
```
#7f161d
```
#7f161d rgb(127,22,29)
```
#8f1921
```
#8f1921 rgb(143,25,33)
```
#a01c25
```
#a01c25 rgb(160,28,37)
```
#b11f28
```
#b11f28 rgb(177,31,40)
```
#c1222c
```
#c1222c rgb(193,34,44)
```
#d22530
```
#d22530 rgb(210,37,48)
```

Shade Color Variation

#db303b
```
#db303b rgb(219,48,59)
```
#dd414b
```
#dd414b rgb(221,65,75)
```
#e0515b
```
#e0515b rgb(224,81,91)
```
#e3626a
```
#e3626a rgb(227,98,106)
```
#e6737a
```
#e6737a rgb(230,115,122)
```
#e9838a
```
#e9838a rgb(233,131,138)
```
#ec949a
```
#ec949a rgb(236,148,154)
```
#efa5aa
```
#efa5aa rgb(239,165,170)
```
#f2b5b9
```
#f2b5b9 rgb(242,181,185)
```
#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 #ef0917 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)
```
#a35559
```
#a35559 rgb(163,85,89)
```
#ac4b51
```
#ac4b51 rgb(172,75,81)
```
#b64249
```
#b64249 rgb(182,66,73)
```
#bf3841
```
#bf3841 rgb(191,56,65)
```
#c92f38
```
#c92f38 rgb(201,47,56)
```
#d22530
```
#d22530 rgb(210,37,48)
```
#dc1c28
```
#dc1c28 rgb(220,28,40)
```
#e5121f
```
#e5121f rgb(229,18,31)
```
#ef0917
```
#ef0917 rgb(239,9,23)
```

Tone Color Variation

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

#7e744d Protanopia 1% of men
#906f2d Deuteranopia 1% of men
#d43132 Tritanopia 0.001% of the population

Trichromacy

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

#d22530 hex color

#d22530 Color Information

#d22530 Color Conversion

Color Schemes with #d22530

Alternatives to #d22530

#d22530 Preview

Shades and Tints of #d22530

Tones of #d22530

Color Blindness Simulator