#ad2d30 hex color

In a RGB color space, hex #ad2d30 is composed of 67.8% red, 17.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74% magenta, 72.3% yellow and 32.2% black. It has a hue angle of 358.6 degrees, a saturation of 58.7% and a lightness of 42.7%. #ad2d30 color hex could be obtained by blending #ff5a60 with #5b0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 68
- G 18
- B 19
RGB color chart
- C 0
- M 74
- Y 72
- K 32
CMYK color chart

● #ad2d30 color description : Dark red.

The hexadecimal color #ad2d30 has RGB values of R:173, G:45, B:48 and CMYK values of C:0, M:0.74, Y:0.72, K:0.32. Its decimal value is 11349296.

Hex triplet	ad2d30	`#ad2d30`
RGB Decimal	173, 45, 48	`rgb(173,45,48)`
RGB Percent	67.8, 17.6, 18.8	`rgb(67.8%,17.6%,18.8%)`
CMYK	0, 74, 72, 32
HSL	358.6°, 58.7, 42.7	`hsl(358.6,58.7%,42.7%)`
HSV (or HSB)	358.6°, 74, 67.8
Web Safe	993333	`#993333`

CIE-LAB	39.541, 51.438, 29.665
XYZ	18.706, 10.977, 3.93
xyY	0.557, 0.327, 10.977
CIE-LCH	39.541, 59.38, 29.973
CIE-LUV	39.541, 95.402, 19.482
Hunter-Lab	33.131, 42.805, 16.159
Binary	10101101, 00101101, 00110000

#ad2d30
```
#ad2d30 rgb(173,45,48)
```
#2dadaa
```
#2dadaa rgb(45,173,170)
```

Complementary Color

#ad2d70
```
#ad2d70 rgb(173,45,112)
```
#ad2d30
```
#ad2d30 rgb(173,45,48)
```
#ad6a2d
```
#ad6a2d rgb(173,106,45)
```

Analogous Color

#2d70ad
```
#2d70ad rgb(45,112,173)
```
#ad2d30
```
#ad2d30 rgb(173,45,48)
```
#2dad6a
```
#2dad6a rgb(45,173,106)
```

Split Complementary Color

#2d30ad
```
#2d30ad rgb(45,48,173)
```
#ad2d30
```
#ad2d30 rgb(173,45,48)
```
#30ad2d
```
#30ad2d rgb(48,173,45)
```

Triadic Color

#aa2dad
```
#aa2dad rgb(170,45,173)
```
#ad2d30
```
#ad2d30 rgb(173,45,48)
```
#30ad2d
```
#30ad2d rgb(48,173,45)
```
#2dadaa
```
#2dadaa rgb(45,173,170)
```

Tetradic Color

#701d1f
```
#701d1f rgb(112,29,31)
```
#852225
```
#852225 rgb(133,34,37)
```
#99282a
```
#99282a rgb(153,40,42)
```
#ad2d30
```
#ad2d30 rgb(173,45,48)
```
#c13236
```
#c13236 rgb(193,50,54)
```
#cd4043
```
#cd4043 rgb(205,64,67)
```
#d35457
```
#d35457 rgb(211,84,87)
```

Monochromatic Color

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

#ad2d50
```
#ad2d50 rgb(173,45,80)
```
#ad2d45
```
#ad2d45 rgb(173,45,69)
```
#ad2d3b
```
#ad2d3b rgb(173,45,59)
```
#ad2d30
```
#ad2d30 rgb(173,45,48)
```
#ad352d
```
#ad352d rgb(173,53,45)
```
#ad3f2d
```
#ad3f2d rgb(173,63,45)
```
#ad4a2d
```
#ad4a2d rgb(173,74,45)
```

Similar Colors

Text with hexadecimal color #ad2d30

This text has a font color of #ad2d30.

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

#ad2d30 background color

This paragraph has a background color of #ad2d30.

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

#ad2d30 border color

This element has a border color of #ad2d30.

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

CSS codes

.text {color:#ad2d30;}

.background {background-color:#ad2d30;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#110505
```
#110505 rgb(17,5,5)
```
#210909
```
#210909 rgb(33,9,9)
```
#300d0d
```
#300d0d rgb(48,13,13)
```
#401112
```
#401112 rgb(64,17,18)
```
#501516
```
#501516 rgb(80,21,22)
```
#5f191a
```
#5f191a rgb(95,25,26)
```
#6f1d1f
```
#6f1d1f rgb(111,29,31)
```
#7e2123
```
#7e2123 rgb(126,33,35)
```
#8e2527
```
#8e2527 rgb(142,37,39)
```
#9d292c
```
#9d292c rgb(157,41,44)
```
#ad2d30
```
#ad2d30 rgb(173,45,48)
```
#bd3134
```
#bd3134 rgb(189,49,52)
```

Shade Color Variation

#cb363a
```
#cb363a rgb(203,54,58)
```
#cf4649
```
#cf4649 rgb(207,70,73)
```
#d35658
```
#d35658 rgb(211,86,88)
```
#d76568
```
#d76568 rgb(215,101,104)
```
#db7577
```
#db7577 rgb(219,117,119)
```
#df8486
```
#df8486 rgb(223,132,134)
```
#e39496
```
#e39496 rgb(227,148,150)
```
#e7a3a5
```
#e7a3a5 rgb(231,163,165)
```
#ebb3b4
```
#ebb3b4 rgb(235,179,180)
```
#efc3c4
```
#efc3c4 rgb(239,195,196)
```
#f3d2d3
```
#f3d2d3 rgb(243,210,211)
```
#f7e2e2
```
#f7e2e2 rgb(247,226,226)
```
#fbf1f1
```
#fbf1f1 rgb(251,241,241)
```

Tint Color Variation

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

#726868
```
#726868 rgb(114,104,104)
```
#7b5f60
```
#7b5f60 rgb(123,95,96)
```
#835758
```
#835758 rgb(131,87,88)
```
#8b4f50
```
#8b4f50 rgb(139,79,80)
```
#944648
```
#944648 rgb(148,70,72)
```
#9c3e40
```
#9c3e40 rgb(156,62,64)
```
#a53538
```
#a53538 rgb(165,53,56)
```
#ad2d30
```
#ad2d30 rgb(173,45,48)
```
#b52528
```
#b52528 rgb(181,37,40)
```
#be1c20
```
#be1c20 rgb(190,28,32)
```
#c61418
```
#c61418 rgb(198,20,24)
```
#cf0b10
```
#cf0b10 rgb(207,11,16)
```
#d70308
```
#d70308 rgb(215,3,8)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#664c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6549 Protanopia 1% of men
#7c6131 Deuteranopia 1% of men
#b1383a Tritanopia 0.001% of the population

Trichromacy

#845040 Protanomaly 1% of men, 0.01% of women
#8e4e31 Deuteranomaly 6% of men, 0.4% of women
#af3436 Tritanomaly 0.01% of the population

#ad2d30 hex color

#ad2d30 Color Information

#ad2d30 Color Conversion

Color Schemes with #ad2d30

Alternatives to #ad2d30

#ad2d30 Preview

Shades and Tints of #ad2d30

Tones of #ad2d30

Color Blindness Simulator