#ad313f hex color

In a RGB color space, hex #ad313f is composed of 67.8% red, 19.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.7% magenta, 63.6% yellow and 32.2% black. It has a hue angle of 353.2 degrees, a saturation of 55.9% and a lightness of 43.5%. #ad313f color hex could be obtained by blending #ff627e with #5b0000. Closest websafe color is: #993333.

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

● #ad313f color description : Dark red.

The hexadecimal color #ad313f has RGB values of R:173, G:49, B:63 and CMYK values of C:0, M:0.72, Y:0.64, K:0.32. Its decimal value is 11350335.

Hex triplet	ad313f	`#ad313f`
RGB Decimal	173, 49, 63	`rgb(173,49,63)`
RGB Percent	67.8, 19.2, 24.7	`rgb(67.8%,19.2%,24.7%)`
CMYK	0, 72, 64, 32
HSL	353.2°, 55.9, 43.5	`hsl(353.2,55.9%,43.5%)`
HSV (or HSB)	353.2°, 71.7, 67.8
Web Safe	993333	`#993333`

CIE-LAB	40.315, 50.791, 21.42
XYZ	19.23, 11.442, 5.898
xyY	0.526, 0.313, 11.442
CIE-LCH	40.315, 55.123, 22.866
CIE-LUV	40.315, 89.612, 13.329
Hunter-Lab	33.826, 42.281, 13.34
Binary	10101101, 00110001, 00111111

#ad313f
```
#ad313f rgb(173,49,63)
```
#31ad9f
```
#31ad9f rgb(49,173,159)
```

Complementary Color

#ad317d
```
#ad317d rgb(173,49,125)
```
#ad313f
```
#ad313f rgb(173,49,63)
```
#ad6131
```
#ad6131 rgb(173,97,49)
```

Analogous Color

#317dad
```
#317dad rgb(49,125,173)
```
#ad313f
```
#ad313f rgb(173,49,63)
```
#31ad61
```
#31ad61 rgb(49,173,97)
```

Split Complementary Color

#313fad
```
#313fad rgb(49,63,173)
```
#ad313f
```
#ad313f rgb(173,49,63)
```
#3fad31
```
#3fad31 rgb(63,173,49)
```

Triadic Color

#9f31ad
```
#9f31ad rgb(159,49,173)
```
#ad313f
```
#ad313f rgb(173,49,63)
```
#3fad31
```
#3fad31 rgb(63,173,49)
```
#31ad9f
```
#31ad9f rgb(49,173,159)
```

Tetradic Color

#712029
```
#712029 rgb(113,32,41)
```
#852631
```
#852631 rgb(133,38,49)
```
#992b38
```
#992b38 rgb(153,43,56)
```
#ad313f
```
#ad313f rgb(173,49,63)
```
#c13746
```
#c13746 rgb(193,55,70)
```
#cb4655
```
#cb4655 rgb(203,70,85)
```
#d05a68
```
#d05a68 rgb(208,90,104)
```

Monochromatic Color

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

#ad315e
```
#ad315e rgb(173,49,94)
```
#ad3154
```
#ad3154 rgb(173,49,84)
```
#ad3149
```
#ad3149 rgb(173,49,73)
```
#ad313f
```
#ad313f rgb(173,49,63)
```
#ad3135
```
#ad3135 rgb(173,49,53)
```
#ad3831
```
#ad3831 rgb(173,56,49)
```
#ad4231
```
#ad4231 rgb(173,66,49)
```

Similar Colors

Text with hexadecimal color #ad313f

This text has a font color of #ad313f.

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

#ad313f background color

This paragraph has a background color of #ad313f.

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

#ad313f border color

This element has a border color of #ad313f.

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

CSS codes

.text {color:#ad313f;}

.background {background-color:#ad313f;}

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

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

#050102
```
#050102 rgb(5,1,2)
```
#140607
```
#140607 rgb(20,6,7)
```
#230a0d
```
#230a0d rgb(35,10,13)
```
#330e12
```
#330e12 rgb(51,14,18)
```
#421318
```
#421318 rgb(66,19,24)
```
#51171e
```
#51171e rgb(81,23,30)
```
#611b23
```
#611b23 rgb(97,27,35)
```
#702029
```
#702029 rgb(112,32,41)
```
#7f242e
```
#7f242e rgb(127,36,46)
```
#8e2834
```
#8e2834 rgb(142,40,52)
```
#9e2d39
```
#9e2d39 rgb(158,45,57)
```
#ad313f
```
#ad313f rgb(173,49,63)
```
#bc3545
```
#bc3545 rgb(188,53,69)
```

Shade Color Variation

#c83d4d
```
#c83d4d rgb(200,61,77)
```
#cc4c5b
```
#cc4c5b rgb(204,76,91)
```
#d15c69
```
#d15c69 rgb(209,92,105)
```
#d56b77
```
#d56b77 rgb(213,107,119)
```
#d97a85
```
#d97a85 rgb(217,122,133)
```
#de8a93
```
#de8a93 rgb(222,138,147)
```
#e299a1
```
#e299a1 rgb(226,153,161)
```
#e6a8af
```
#e6a8af rgb(230,168,175)
```
#ebb7bd
```
#ebb7bd rgb(235,183,189)
```
#efc7cb
```
#efc7cb rgb(239,199,203)
```
#f3d6d9
```
#f3d6d9 rgb(243,214,217)
```
#f8e5e7
```
#f8e5e7 rgb(248,229,231)
```
#fcf5f5
```
#fcf5f5 rgb(252,245,245)
```

Tint Color Variation

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

#716d6d
```
#716d6d rgb(113,109,109)
```
#7a6467
```
#7a6467 rgb(122,100,103)
```
#825c60
```
#825c60 rgb(130,92,96)
```
#8b5359
```
#8b5359 rgb(139,83,89)
```
#934b53
```
#934b53 rgb(147,75,83)
```
#9c424c
```
#9c424c rgb(156,66,76)
```
#a43a46
```
#a43a46 rgb(164,58,70)
```
#ad313f
```
#ad313f rgb(173,49,63)
```
#b62838
```
#b62838 rgb(182,40,56)
```
#be2032
```
#be2032 rgb(190,32,50)
```
#c7172b
```
#c7172b rgb(199,23,43)
```
#cf0f25
```
#cf0f25 rgb(207,15,37)
```
#d8061e
```
#d8061e rgb(216,6,30)
```

Tone Color Variation

Below, you can see how #ad313f 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
#695053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6759 Protanopia 1% of men
#7c6241 Deuteranopia 1% of men
#b03d40 Tritanopia 0.001% of the population

Trichromacy

#83534f Protanomaly 1% of men, 0.01% of women
#8d5040 Deuteranomaly 6% of men, 0.4% of women
#af383f Tritanomaly 0.01% of the population

#ad313f hex color

#ad313f Color Information

#ad313f Color Conversion

Color Schemes with #ad313f

Alternatives to #ad313f

#ad313f Preview

Shades and Tints of #ad313f

Tones of #ad313f

Color Blindness Simulator