#ad2f30 hex color

In a RGB color space, hex #ad2f30 is composed of 67.8% red, 18.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.8% magenta, 72.3% yellow and 32.2% black. It has a hue angle of 359.5 degrees, a saturation of 57.3% and a lightness of 43.1%. #ad2f30 color hex could be obtained by blending #ff5e60 with #5b0000. Closest websafe color is: #993333.

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

● #ad2f30 color description : Dark red.

The hexadecimal color #ad2f30 has RGB values of R:173, G:47, B:48 and CMYK values of C:0, M:0.73, Y:0.72, K:0.32. Its decimal value is 11349808.

Hex triplet	ad2f30	`#ad2f30`
RGB Decimal	173, 47, 48	`rgb(173,47,48)`
RGB Percent	67.8, 18.4, 18.8	`rgb(67.8%,18.4%,18.8%)`
CMYK	0, 73, 72, 32
HSL	359.5°, 57.3, 43.1	`hsl(359.5,57.3%,43.1%)`
HSV (or HSB)	359.5°, 72.8, 67.8
Web Safe	993333	`#993333`

CIE-LAB	39.803, 50.712, 29.972
XYZ	18.784, 11.133, 3.956
xyY	0.555, 0.329, 11.133
CIE-LCH	39.803, 58.907, 30.584
CIE-LUV	39.803, 94.343, 19.979
Hunter-Lab	33.366, 42.102, 16.327
Binary	10101101, 00101111, 00110000

#ad2f30
```
#ad2f30 rgb(173,47,48)
```
#2fadac
```
#2fadac rgb(47,173,172)
```

Complementary Color

#ad2f6f
```
#ad2f6f rgb(173,47,111)
```
#ad2f30
```
#ad2f30 rgb(173,47,48)
```
#ad6d2f
```
#ad6d2f rgb(173,109,47)
```

Analogous Color

#2f6fad
```
#2f6fad rgb(47,111,173)
```
#ad2f30
```
#ad2f30 rgb(173,47,48)
```
#2fad6d
```
#2fad6d rgb(47,173,109)
```

Split Complementary Color

#2f30ad
```
#2f30ad rgb(47,48,173)
```
#ad2f30
```
#ad2f30 rgb(173,47,48)
```
#30ad2f
```
#30ad2f rgb(48,173,47)
```

Triadic Color

#ac2fad
```
#ac2fad rgb(172,47,173)
```
#ad2f30
```
#ad2f30 rgb(173,47,48)
```
#30ad2f
```
#30ad2f rgb(48,173,47)
```
#2fadac
```
#2fadac rgb(47,173,172)
```

Tetradic Color

#711f1f
```
#711f1f rgb(113,31,31)
```
#852425
```
#852425 rgb(133,36,37)
```
#992a2a
```
#992a2a rgb(153,42,42)
```
#ad2f30
```
#ad2f30 rgb(173,47,48)
```
#c13436
```
#c13436 rgb(193,52,54)
```
#cc4344
```
#cc4344 rgb(204,67,68)
```
#d15758
```
#d15758 rgb(209,87,88)
```

Monochromatic Color

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

#ad2f50
```
#ad2f50 rgb(173,47,80)
```
#ad2f45
```
#ad2f45 rgb(173,47,69)
```
#ad2f3b
```
#ad2f3b rgb(173,47,59)
```
#ad2f30
```
#ad2f30 rgb(173,47,48)
```
#ad392f
```
#ad392f rgb(173,57,47)
```
#ad432f
```
#ad432f rgb(173,67,47)
```
#ad4e2f
```
#ad4e2f rgb(173,78,47)
```

Similar Colors

Text with hexadecimal color #ad2f30

This text has a font color of #ad2f30.

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

#ad2f30 background color

This paragraph has a background color of #ad2f30.

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

#ad2f30 border color

This element has a border color of #ad2f30.

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

CSS codes

.text {color:#ad2f30;}

.background {background-color:#ad2f30;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130505
```
#130505 rgb(19,5,5)
```
#220909
```
#220909 rgb(34,9,9)
```
#320d0e
```
#320d0e rgb(50,13,14)
```
#411212
```
#411212 rgb(65,18,18)
```
#501616
```
#501616 rgb(80,22,22)
```
#601a1b
```
#601a1b rgb(96,26,27)
```
#6f1e1f
```
#6f1e1f rgb(111,30,31)
```
#7f2223
```
#7f2223 rgb(127,34,35)
```
#8e2727
```
#8e2727 rgb(142,39,39)
```
#9e2b2c
```
#9e2b2c rgb(158,43,44)
```
#ad2f30
```
#ad2f30 rgb(173,47,48)
```
#bc3334
```
#bc3334 rgb(188,51,52)
```

Shade Color Variation

#c93a3b
```
#c93a3b rgb(201,58,59)
```
#ce494a
```
#ce494a rgb(206,73,74)
```
#d2595a
```
#d2595a rgb(210,89,90)
```
#d66869
```
#d66869 rgb(214,104,105)
```
#da7878
```
#da7878 rgb(218,120,120)
```
#de8788
```
#de8788 rgb(222,135,136)
```
#e39697
```
#e39697 rgb(227,150,151)
```
#e7a6a6
```
#e7a6a6 rgb(231,166,166)
```
#ebb5b6
```
#ebb5b6 rgb(235,181,182)
```
#efc5c5
```
#efc5c5 rgb(239,197,197)
```
#f3d4d4
```
#f3d4d4 rgb(243,212,212)
```
#f8e3e4
```
#f8e3e4 rgb(248,227,228)
```
#fcf3f3
```
#fcf3f3 rgb(252,243,243)
```

Tint Color Variation

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

#726a6a
```
#726a6a rgb(114,106,106)
```
#7a6262
```
#7a6262 rgb(122,98,98)
```
#83595a
```
#83595a rgb(131,89,90)
```
#8b5151
```
#8b5151 rgb(139,81,81)
```
#944849
```
#944849 rgb(148,72,73)
```
#9c4041
```
#9c4041 rgb(156,64,65)
```
#a53738
```
#a53738 rgb(165,55,56)
```
#ad2f30
```
#ad2f30 rgb(173,47,48)
```
#b52728
```
#b52728 rgb(181,39,40)
```
#be1e1f
```
#be1e1f rgb(190,30,31)
```
#c61617
```
#c61617 rgb(198,22,23)
```
#cf0d0f
```
#cf0d0f rgb(207,13,15)
```
#d70506
```
#d70506 rgb(215,5,6)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#674d4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6649 Protanopia 1% of men
#7d6132 Deuteranopia 1% of men
#b1393c Tritanopia 0.001% of the population

Trichromacy

#845240 Protanomaly 1% of men, 0.01% of women
#8e4f31 Deuteranomaly 6% of men, 0.4% of women
#af3537 Tritanomaly 0.01% of the population

#ad2f30 hex color

#ad2f30 Color Information

#ad2f30 Color Conversion

Color Schemes with #ad2f30

Alternatives to #ad2f30

#ad2f30 Preview

Shades and Tints of #ad2f30

Tones of #ad2f30

Color Blindness Simulator