#d02232 hex color

In a RGB color space, hex #d02232 is composed of 81.6% red, 13.3% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.7% magenta, 76% yellow and 18.4% black. It has a hue angle of 354.5 degrees, a saturation of 71.9% and a lightness of 47.5%. #d02232 color hex could be obtained by blending #ff4464 with #a10000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 82
- G 13
- B 20
RGB color chart
- C 0
- M 84
- Y 76
- K 18
CMYK color chart

● #d02232 color description : Strong red.

The hexadecimal color #d02232 has RGB values of R:208, G:34, B:50 and CMYK values of C:0, M:0.84, Y:0.76, K:0.18. Its decimal value is 13640242.

Hex triplet	d02232	`#d02232`
RGB Decimal	208, 34, 50	`rgb(208,34,50)`
RGB Percent	81.6, 13.3, 19.6	`rgb(81.6%,13.3%,19.6%)`
CMYK	0, 84, 76, 18
HSL	354.5°, 71.9, 47.5	`hsl(354.5,71.9%,47.5%)`
HSV (or HSB)	354.5°, 83.7, 81.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.342, 64.933, 36.914
XYZ	27.162, 14.788, 4.442
xyY	0.585, 0.319, 14.788
CIE-LCH	45.342, 74.692, 29.618
CIE-LUV	45.342, 127.535, 23.02
Hunter-Lab	38.455, 58.783, 20.07
Binary	11010000, 00100010, 00110010

#d02232
```
#d02232 rgb(208,34,50)
```
#22d0c0
```
#22d0c0 rgb(34,208,192)
```

Complementary Color

#d02289
```
#d02289 rgb(208,34,137)
```
#d02232
```
#d02232 rgb(208,34,50)
```
#d06922
```
#d06922 rgb(208,105,34)
```

Analogous Color

#2289d0
```
#2289d0 rgb(34,137,208)
```
#d02232
```
#d02232 rgb(208,34,50)
```
#22d069
```
#22d069 rgb(34,208,105)
```

Split Complementary Color

#2232d0
```
#2232d0 rgb(34,50,208)
```
#d02232
```
#d02232 rgb(208,34,50)
```
#32d022
```
#32d022 rgb(50,208,34)
```

Triadic Color

#c022d0
```
#c022d0 rgb(192,34,208)
```
#d02232
```
#d02232 rgb(208,34,50)
```
#32d022
```
#32d022 rgb(50,208,34)
```
#22d0c0
```
#22d0c0 rgb(34,208,192)
```

Tetradic Color

#8e1722
```
#8e1722 rgb(142,23,34)
```
#a41b27
```
#a41b27 rgb(164,27,39)
```
#ba1e2d
```
#ba1e2d rgb(186,30,45)
```
#d02232
```
#d02232 rgb(208,34,50)
```
#dd2f3f
```
#dd2f3f rgb(221,47,63)
```
#e14453
```
#e14453 rgb(225,68,83)
```
#e45a67
```
#e45a67 rgb(228,90,103)
```

Monochromatic Color

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

#d0225d
```
#d0225d rgb(208,34,93)
```
#d0224f
```
#d0224f rgb(208,34,79)
```
#d02240
```
#d02240 rgb(208,34,64)
```
#d02232
```
#d02232 rgb(208,34,50)
```
#d02223
```
#d02223 rgb(208,34,35)
```
#d02f22
```
#d02f22 rgb(208,47,34)
```
#d03e22
```
#d03e22 rgb(208,62,34)
```

Similar Colors

Text with hexadecimal color #d02232

This text has a font color of #d02232.

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

#d02232 background color

This paragraph has a background color of #d02232.

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

#d02232 border color

This element has a border color of #d02232.

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

CSS codes

.text {color:#d02232;}

.background {background-color:#d02232;}

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

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

#060101
```
#060101 rgb(6,1,1)
```
#170405
```
#170405 rgb(23,4,5)
```
#270609
```
#270609 rgb(39,6,9)
```
#38090e
```
#38090e rgb(56,9,14)
```
#490c12
```
#490c12 rgb(73,12,18)
```
#5a0f16
```
#5a0f16 rgb(90,15,22)
```
#6b111a
```
#6b111a rgb(107,17,26)
```
#7c141e
```
#7c141e rgb(124,20,30)
```
#8d1722
```
#8d1722 rgb(141,23,34)
```
#9d1a26
```
#9d1a26 rgb(157,26,38)
```
#ae1c2a
```
#ae1c2a rgb(174,28,42)
```
#bf1f2e
```
#bf1f2e rgb(191,31,46)
```
#d02232
```
#d02232 rgb(208,34,50)
```

Shade Color Variation

#dc2a3a
```
#dc2a3a rgb(220,42,58)
```
#df3a49
```
#df3a49 rgb(223,58,73)
```
#e24b59
```
#e24b59 rgb(226,75,89)
```
#e45c69
```
#e45c69 rgb(228,92,105)
```
#e76d78
```
#e76d78 rgb(231,109,120)
```
#ea7e88
```
#ea7e88 rgb(234,126,136)
```
#ed8f97
```
#ed8f97 rgb(237,143,151)
```
#efa0a7
```
#efa0a7 rgb(239,160,167)
```
#f2b0b6
```
#f2b0b6 rgb(242,176,182)
```
#f5c1c6
```
#f5c1c6 rgb(245,193,198)
```
#f8d2d6
```
#f8d2d6 rgb(248,210,214)
```
#fae3e5
```
#fae3e5 rgb(250,227,229)
```
#fdf4f5
```
#fdf4f5 rgb(253,244,245)
```

Tint Color Variation

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

#7c7676
```
#7c7676 rgb(124,118,118)
```
#866c6f
```
#866c6f rgb(134,108,111)
```
#8f6367
```
#8f6367 rgb(143,99,103)
```
#985a60
```
#985a60 rgb(152,90,96)
```
#a15158
```
#a15158 rgb(161,81,88)
```
#ab4750
```
#ab4750 rgb(171,71,80)
```
#b43e49
```
#b43e49 rgb(180,62,73)
```
#bd3541
```
#bd3541 rgb(189,53,65)
```
#c72b3a
```
#c72b3a rgb(199,43,58)
```
#d02232
```
#d02232 rgb(208,34,50)
```
#d9192a
```
#d9192a rgb(217,25,42)
```
#e30f23
```
#e30f23 rgb(227,15,35)
```
#ec061b
```
#ec061b rgb(236,6,27)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#704d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7250 Protanopia 1% of men
#8d6d2f Deuteranopia 1% of men
#d22f2f Tritanopia 0.001% of the population

Trichromacy

#9a5545 Protanomaly 1% of men, 0.01% of women
#a55230 Deuteranomaly 6% of men, 0.4% of women
#d12a30 Tritanomaly 0.01% of the population

#d02232 hex color

#d02232 Color Information

#d02232 Color Conversion

Color Schemes with #d02232

Alternatives to #d02232

#d02232 Preview

Shades and Tints of #d02232

Tones of #d02232

Color Blindness Simulator