#ad0022 hex color

In a RGB color space, hex #ad0022 is composed of 67.8% red, 0% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 80.3% yellow and 32.2% black. It has a hue angle of 348.2 degrees, a saturation of 100% and a lightness of 33.9%. #ad0022 color hex could be obtained by blending #ff0044 with #5b0000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 68
- G 0
- B 13
RGB color chart
- C 0
- M 100
- Y 80
- K 32
CMYK color chart

● #ad0022 color description : Dark red.

The hexadecimal color #ad0022 has RGB values of R:173, G:0, B:34 and CMYK values of C:0, M:1, Y:0.8, K:0.32. Its decimal value is 11337762.

Hex triplet	ad0022	`#ad0022`
RGB Decimal	173, 0, 34	`rgb(173,0,34)`
RGB Percent	67.8, 0, 13.3	`rgb(67.8%,0%,13.3%)`
CMYK	0, 100, 80, 32
HSL	348.2°, 100, 33.9	`hsl(348.2,100%,33.9%)`
HSV (or HSB)	348.2°, 100, 67.8
Web Safe	990033	`#990033`

CIE-LAB	35.988, 60.487, 34.123
XYZ	17.523, 9.002, 2.328
xyY	0.607, 0.312, 9.002
CIE-LCH	35.988, 69.448, 29.429
CIE-LUV	35.988, 112.989, 18.477
Hunter-Lab	30.003, 51.746, 16.402
Binary	10101101, 00000000, 00100010

#ad0022
```
#ad0022 rgb(173,0,34)
```
#00ad8b
```
#00ad8b rgb(0,173,139)
```

Complementary Color

#ad0079
```
#ad0079 rgb(173,0,121)
```
#ad0022
```
#ad0022 rgb(173,0,34)
```
#ad3500
```
#ad3500 rgb(173,53,0)
```

Analogous Color

#0079ad
```
#0079ad rgb(0,121,173)
```
#ad0022
```
#ad0022 rgb(173,0,34)
```
#00ad35
```
#00ad35 rgb(0,173,53)
```

Split Complementary Color

#0022ad
```
#0022ad rgb(0,34,173)
```
#ad0022
```
#ad0022 rgb(173,0,34)
```
#22ad00
```
#22ad00 rgb(34,173,0)
```

Triadic Color

#8b00ad
```
#8b00ad rgb(139,0,173)
```
#ad0022
```
#ad0022 rgb(173,0,34)
```
#22ad00
```
#22ad00 rgb(34,173,0)
```
#00ad8b
```
#00ad8b rgb(0,173,139)
```

Tetradic Color

#610013
```
#610013 rgb(97,0,19)
```
#7a0018
```
#7a0018 rgb(122,0,24)
```
#94001d
```
#94001d rgb(148,0,29)
```
#ad0022
```
#ad0022 rgb(173,0,34)
```
#c70027
```
#c70027 rgb(199,0,39)
```
#e0002c
```
#e0002c rgb(224,0,44)
```
#fa0031
```
#fa0031 rgb(250,0,49)
```

Monochromatic Color

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

#ad004d
```
#ad004d rgb(173,0,77)
```
#ad003f
```
#ad003f rgb(173,0,63)
```
#ad0030
```
#ad0030 rgb(173,0,48)
```
#ad0022
```
#ad0022 rgb(173,0,34)
```
#ad0014
```
#ad0014 rgb(173,0,20)
```
#ad0005
```
#ad0005 rgb(173,0,5)
```
#ad0900
```
#ad0900 rgb(173,9,0)
```

Similar Colors

Text with hexadecimal color #ad0022

This text has a font color of #ad0022.

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

#ad0022 background color

This paragraph has a background color of #ad0022.

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

#ad0022 border color

This element has a border color of #ad0022.

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

CSS codes

.text {color:#ad0022;}

.background {background-color:#ad0022;}

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

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

#100003
```
#100003 rgb(16,0,3)
```
#240007
```
#240007 rgb(36,0,7)
```
#37000b
```
#37000b rgb(55,0,11)
```
#4b000f
```
#4b000f rgb(75,0,15)
```
#5f0013
```
#5f0013 rgb(95,0,19)
```
#720016
```
#720016 rgb(114,0,22)
```
#86001a
```
#86001a rgb(134,0,26)
```
#99001e
```
#99001e rgb(153,0,30)
```
#ad0022
```
#ad0022 rgb(173,0,34)
```
#c10026
```
#c10026 rgb(193,0,38)
```
#d4002a
```
#d4002a rgb(212,0,42)
```
#e8002e
```
#e8002e rgb(232,0,46)
```
#fb0031
```
#fb0031 rgb(251,0,49)
```

Shade Color Variation

#ff103f
```
#ff103f rgb(255,16,63)
```
#ff244f
```
#ff244f rgb(255,36,79)
```
#ff375f
```
#ff375f rgb(255,55,95)
```
#ff4b6e
```
#ff4b6e rgb(255,75,110)
```
#ff5f7e
```
#ff5f7e rgb(255,95,126)
```
#ff728e
```
#ff728e rgb(255,114,142)
```
#ff869e
```
#ff869e rgb(255,134,158)
```
#ff99ad
```
#ff99ad rgb(255,153,173)
```
#ffadbd
```
#ffadbd rgb(255,173,189)
```
#ffc1cd
```
#ffc1cd rgb(255,193,205)
```
#ffd4dd
```
#ffd4dd rgb(255,212,221)
```
#ffe8ec
```
#ffe8ec rgb(255,232,236)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#5d5052
```
#5d5052 rgb(93,80,82)
```
#64494e
```
#64494e rgb(100,73,78)
```
#6a434a
```
#6a434a rgb(106,67,74)
```
#713c46
```
#713c46 rgb(113,60,70)
```
#783542
```
#783542 rgb(120,53,66)
```
#7e2f3e
```
#7e2f3e rgb(126,47,62)
```
#85283a
```
#85283a rgb(133,40,58)
```
#8c2136
```
#8c2136 rgb(140,33,54)
```
#921b32
```
#921b32 rgb(146,27,50)
```
#99142e
```
#99142e rgb(153,20,46)
```
#a00d2a
```
#a00d2a rgb(160,13,42)
```
#a60726
```
#a60726 rgb(166,7,38)
```
#ad0022
```
#ad0022 rgb(173,0,34)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#4f2d34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655d3f Protanopia 1% of men
#735920 Deuteranopia 1% of men
#b0140b Tritanopia 0.001% of the population

Trichromacy

#7f3b34 Protanomaly 1% of men, 0.01% of women
#883821 Deuteranomaly 6% of men, 0.4% of women
#af0d13 Tritanomaly 0.01% of the population

#ad0022 hex color

#ad0022 Color Information

#ad0022 Color Conversion

Color Schemes with #ad0022

Alternatives to #ad0022

#ad0022 Preview

Shades and Tints of #ad0022

Tones of #ad0022

Color Blindness Simulator