#af0024 Color Information
In a RGB color space, hex #af0024 is composed of 68.6% red, 0% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 79.4% yellow and 31.4% black. It has a hue angle of 347.7 degrees, a saturation of 100% and a lightness of 34.3%. #af0024 color hex could be obtained by blending #ff0048 with #5f0000. Closest websafe color is: #990033.
-
- R 69
- G 0
- B 14
-
- C 0
- M 100
- Y 79
- K 31
● #af0024 color description : Dark red.
#af0024 Color Conversion
The hexadecimal color #af0024 has RGB values of R:175, G:0, B:36 and CMYK values of C:0, M:1, Y:0.79, K:0.31. Its decimal value is 11468836.
Hex triplet | af0024 | #af0024 |
---|---|---|
RGB Decimal | 175, 0, 36 | rgb(175,0,36) |
RGB Percent | 68.6, 0, 14.1 | rgb(68.6%,0%,14.1%) |
CMYK | 0, 100, 79, 31 | |
HSL | 347.7°, 100, 34.3 | hsl(347.7,100%,34.3%) |
HSV (or HSB) | 347.7°, 100, 68.6 | |
Web Safe | 990033 | #990033 |
CIE-LAB | 36.449, 61.05, 33.543 |
---|---|
XYZ | 17.999, 9.244, 2.506 |
xyY | 0.605, 0.311, 9.244 |
CIE-LCH | 36.449, 69.658, 28.786 |
CIE-LUV | 36.449, 114.051, 18.201 |
Hunter-Lab | 30.403, 52.464, 16.396 |
Binary | 10101111, 00000000, 00100100 |
Color Schemes with #af0024
Alternatives to #af0024
Below, you can see some colors close to #af0024. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af0024 Preview
This text has a font color of #af0024.
<span style="color:#af0024;">Text here</span>
This paragraph has a background color of #af0024.
<p style="background-color:#af0024;">Content here</p>
This element has a border color of #af0024.
<div style="border:1px solid #af0024;">Content here</div>
.text {color:#af0024;}
.background {background-color:#af0024;}
.border {border:1px solid #af0024;}
Shades and Tints of #af0024
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)
-
#260008
#260008
rgb(38,0,8)
-
#39000c
#39000c
rgb(57,0,12)
-
#4d0010
#4d0010
rgb(77,0,16)
-
#610014
#610014
rgb(97,0,20)
-
#740018
#740018
rgb(116,0,24)
-
#88001c
#88001c
rgb(136,0,28)
-
#9b0020
#9b0020
rgb(155,0,32)
-
#af0024
#af0024
rgb(175,0,36)
-
#c30028
#c30028
rgb(195,0,40)
-
#d6002c
#d6002c
rgb(214,0,44)
-
#ea0030
#ea0030
rgb(234,0,48)
-
#fd0034
#fd0034
rgb(253,0,52)
-
#ff1243
#ff1243
rgb(255,18,67)
-
#ff2652
#ff2652
rgb(255,38,82)
-
#ff3962
#ff3962
rgb(255,57,98)
-
#ff4d72
#ff4d72
rgb(255,77,114)
-
#ff6181
#ff6181
rgb(255,97,129)
-
#ff7491
#ff7491
rgb(255,116,145)
-
#ff88a0
#ff88a0
rgb(255,136,160)
-
#ff9bb0
#ff9bb0
rgb(255,155,176)
-
#ffafbf
#ffafbf
rgb(255,175,191)
-
#ffc3cf
#ffc3cf
rgb(255,195,207)
-
#ffd6df
#ffd6df
rgb(255,214,223)
-
#ffeaee
#ffeaee
rgb(255,234,238)
-
#fffdfe
#fffdfe
rgb(255,253,254)
Tones of #af0024
A tone is produced by adding gray to any pure hue. In this case, #5e5154 is the less saturated color, while #af0024 is the most saturated one.
-
#5e5154
#5e5154
rgb(94,81,84)
-
#654a50
#654a50
rgb(101,74,80)
-
#6c434c
#6c434c
rgb(108,67,76)
-
#723d48
#723d48
rgb(114,61,72)
-
#793644
#793644
rgb(121,54,68)
-
#802f40
#802f40
rgb(128,47,64)
-
#87283c
#87283c
rgb(135,40,60)
-
#8d2238
#8d2238
rgb(141,34,56)
-
#941b34
#941b34
rgb(148,27,52)
-
#9b1430
#9b1430
rgb(155,20,48)
-
#a20d2c
#a20d2c
rgb(162,13,44)
-
#a80728
#a80728
rgb(168,7,40)
-
#af0024
#af0024
rgb(175,0,36)
Color Blindness Simulator
Below, you can see how #af0024 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.