#af0022 Color Information
In a RGB color space, hex #af0022 is composed of 68.6% red, 0% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 80.6% yellow and 31.4% black. It has a hue angle of 348.3 degrees, a saturation of 100% and a lightness of 34.3%. #af0022 color hex could be obtained by blending #ff0044 with #5f0000. Closest websafe color is: #990033.
-
- R 69
- G 0
- B 13
-
- C 0
- M 100
- Y 81
- K 31
● #af0022 color description : Dark red.
#af0022 Color Conversion
The hexadecimal color #af0022 has RGB values of R:175, G:0, B:34 and CMYK values of C:0, M:1, Y:0.81, K:0.31. Its decimal value is 11468834.
Hex triplet | af0022 | #af0022 |
---|---|---|
RGB Decimal | 175, 0, 34 | rgb(175,0,34) |
RGB Percent | 68.6, 0, 13.3 | rgb(68.6%,0%,13.3%) |
CMYK | 0, 100, 81, 31 | |
HSL | 348.3°, 100, 34.3 | hsl(348.3,100%,34.3%) |
HSV (or HSB) | 348.3°, 100, 68.6 | |
Web Safe | 990033 | #990033 |
CIE-LAB | 36.427, 60.988, 34.714 |
---|---|
XYZ | 17.969, 9.232, 2.349 |
xyY | 0.608, 0.312, 9.232 |
CIE-LCH | 36.427, 70.176, 29.648 |
CIE-LUV | 36.427, 114.496, 18.874 |
Hunter-Lab | 30.384, 52.392, 16.685 |
Binary | 10101111, 00000000, 00100010 |
Color Schemes with #af0022
Alternatives to #af0022
Below, you can see some colors close to #af0022. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af0022 Preview
This text has a font color of #af0022.
<span style="color:#af0022;">Text here</span>
This paragraph has a background color of #af0022.
<p style="background-color:#af0022;">Content here</p>
This element has a border color of #af0022.
<div style="border:1px solid #af0022;">Content here</div>
.text {color:#af0022;}
.background {background-color:#af0022;}
.border {border:1px solid #af0022;}
Shades and Tints of #af0022
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, #120004 is the darkest color, while #fffdfe is the lightest one.
-
#120004
#120004
rgb(18,0,4)
-
#260007
#260007
rgb(38,0,7)
-
#39000b
#39000b
rgb(57,0,11)
-
#4d000f
#4d000f
rgb(77,0,15)
-
#610013
#610013
rgb(97,0,19)
-
#740017
#740017
rgb(116,0,23)
-
#88001a
#88001a
rgb(136,0,26)
-
#9b001e
#9b001e
rgb(155,0,30)
-
#af0022
#af0022
rgb(175,0,34)
-
#c30026
#c30026
rgb(195,0,38)
-
#d6002a
#d6002a
rgb(214,0,42)
-
#ea002d
#ea002d
rgb(234,0,45)
-
#fd0031
#fd0031
rgb(253,0,49)
-
#ff1240
#ff1240
rgb(255,18,64)
-
#ff2650
#ff2650
rgb(255,38,80)
-
#ff3960
#ff3960
rgb(255,57,96)
-
#ff4d70
#ff4d70
rgb(255,77,112)
-
#ff617f
#ff617f
rgb(255,97,127)
-
#ff748f
#ff748f
rgb(255,116,143)
-
#ff889f
#ff889f
rgb(255,136,159)
-
#ff9baf
#ff9baf
rgb(255,155,175)
-
#ffafbf
#ffafbf
rgb(255,175,191)
-
#ffc3ce
#ffc3ce
rgb(255,195,206)
-
#ffd6de
#ffd6de
rgb(255,214,222)
-
#ffeaee
#ffeaee
rgb(255,234,238)
-
#fffdfe
#fffdfe
rgb(255,253,254)
Tones of #af0022
A tone is produced by adding gray to any pure hue. In this case, #5e5153 is the less saturated color, while #af0022 is the most saturated one.
-
#5e5153
#5e5153
rgb(94,81,83)
-
#654a4f
#654a4f
rgb(101,74,79)
-
#6c434b
#6c434b
rgb(108,67,75)
-
#723d47
#723d47
rgb(114,61,71)
-
#793643
#793643
rgb(121,54,67)
-
#802f3f
#802f3f
rgb(128,47,63)
-
#87283b
#87283b
rgb(135,40,59)
-
#8d2237
#8d2237
rgb(141,34,55)
-
#941b32
#941b32
rgb(148,27,50)
-
#9b142e
#9b142e
rgb(155,20,46)
-
#a20d2a
#a20d2a
rgb(162,13,42)
-
#a80726
#a80726
rgb(168,7,38)
-
#af0022
#af0022
rgb(175,0,34)
Color Blindness Simulator
Below, you can see how #af0022 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.