#af2a18 Color Information
In a RGB color space, hex #af2a18 is composed of 68.6% red, 16.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76% magenta, 86.3% yellow and 31.4% black. It has a hue angle of 7.2 degrees, a saturation of 75.9% and a lightness of 39%. #af2a18 color hex could be obtained by blending #ff5430 with #5f0000. Closest websafe color is: #993300.
-
- R 69
- G 16
- B 9
-
- C 0
- M 76
- Y 86
- K 31
● #af2a18 color description : Dark red.
#af2a18 Color Conversion
The hexadecimal color #af2a18 has RGB values of R:175, G:42, B:24 and CMYK values of C:0, M:0.76, Y:0.86, K:0.31. Its decimal value is 11479576.
Hex triplet | af2a18 | #af2a18 |
---|---|---|
RGB Decimal | 175, 42, 24 | rgb(175,42,24) |
RGB Percent | 68.6, 16.5, 9.4 | rgb(68.6%,16.5%,9.4%) |
CMYK | 0, 76, 86, 31 | |
HSL | 7.2°, 75.9, 39 | hsl(7.2,75.9%,39%) |
HSV (or HSB) | 7.2°, 86.3, 68.6 | |
Web Safe | 993300 | #993300 |
CIE-LAB | 39.306, 52.277, 42.826 |
---|---|
XYZ | 18.673, 10.838, 1.973 |
xyY | 0.593, 0.344, 10.838 |
CIE-LCH | 39.306, 67.579, 39.325 |
CIE-LUV | 39.306, 102.827, 26.995 |
Hunter-Lab | 32.921, 43.633, 19.492 |
Binary | 10101111, 00101010, 00011000 |
Color Schemes with #af2a18
Alternatives to #af2a18
Below, you can see some colors close to #af2a18. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af2a18 Preview
This text has a font color of #af2a18.
<span style="color:#af2a18;">Text here</span>
This paragraph has a background color of #af2a18.
<p style="background-color:#af2a18;">Content here</p>
This element has a border color of #af2a18.
<div style="border:1px solid #af2a18;">Content here</div>
.text {color:#af2a18;}
.background {background-color:#af2a18;}
.border {border:1px solid #af2a18;}
Shades and Tints of #af2a18
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, #030100 is the darkest color, while #fdf2f0 is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#140503
#140503
rgb(20,5,3)
-
#250905
#250905
rgb(37,9,5)
-
#360d07
#360d07
rgb(54,13,7)
-
#48110a
#48110a
rgb(72,17,10)
-
#59150c
#59150c
rgb(89,21,12)
-
#6a190f
#6a190f
rgb(106,25,15)
-
#7b1e11
#7b1e11
rgb(123,30,17)
-
#8d2213
#8d2213
rgb(141,34,19)
-
#9e2616
#9e2616
rgb(158,38,22)
-
#af2a18
#af2a18
rgb(175,42,24)
-
#c02e1a
#c02e1a
rgb(192,46,26)
-
#d1321d
#d1321d
rgb(209,50,29)
-
#e13821
#e13821
rgb(225,56,33)
-
#e34833
#e34833
rgb(227,72,51)
-
#e55744
#e55744
rgb(229,87,68)
-
#e86655
#e86655
rgb(232,102,85)
-
#ea7666
#ea7666
rgb(234,118,102)
-
#ec8578
#ec8578
rgb(236,133,120)
-
#ef9589
#ef9589
rgb(239,149,137)
-
#f1a49a
#f1a49a
rgb(241,164,154)
-
#f4b4ab
#f4b4ab
rgb(244,180,171)
-
#f6c3bd
#f6c3bd
rgb(246,195,189)
-
#f8d3ce
#f8d3ce
rgb(248,211,206)
-
#fbe2df
#fbe2df
rgb(251,226,223)
-
#fdf2f0
#fdf2f0
rgb(253,242,240)
Tones of #af2a18
A tone is produced by adding gray to any pure hue. In this case, #6a5e5d is the less saturated color, while #c61901 is the most saturated one.
-
#6a5e5d
#6a5e5d
rgb(106,94,93)
-
#725955
#725955
rgb(114,89,85)
-
#79534e
#79534e
rgb(121,83,78)
-
#814d46
#814d46
rgb(129,77,70)
-
#89473e
#89473e
rgb(137,71,62)
-
#904137
#904137
rgb(144,65,55)
-
#983b2f
#983b2f
rgb(152,59,47)
-
#a03627
#a03627
rgb(160,54,39)
-
#a73020
#a73020
rgb(167,48,32)
-
#af2a18
#af2a18
rgb(175,42,24)
-
#b72410
#b72410
rgb(183,36,16)
-
#be1e09
#be1e09
rgb(190,30,9)
-
#c61901
#c61901
rgb(198,25,1)
Color Blindness Simulator
Below, you can see how #af2a18 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.