#af0218 Color Information
In a RGB color space, hex #af0218 is composed of 68.6% red, 0.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.9% magenta, 86.3% yellow and 31.4% black. It has a hue angle of 352.4 degrees, a saturation of 97.7% and a lightness of 34.7%. #af0218 color hex could be obtained by blending #ff0430 with #5f0000. Closest websafe color is: #990000.
-
- R 69
- G 1
- B 9
-
- C 0
- M 99
- Y 86
- K 31
● #af0218 color description : Dark red.
#af0218 Color Conversion
The hexadecimal color #af0218 has RGB values of R:175, G:2, B:24 and CMYK values of C:0, M:0.99, Y:0.86, K:0.31. Its decimal value is 11469336.
Hex triplet | af0218 | #af0218 |
---|---|---|
RGB Decimal | 175, 2, 24 | rgb(175,2,24) |
RGB Percent | 68.6, 0.8, 9.4 | rgb(68.6%,0.8%,9.4%) |
CMYK | 0, 99, 86, 31 | |
HSL | 352.4°, 97.7, 34.7 | hsl(352.4,97.7%,34.7%) |
HSV (or HSB) | 352.4°, 98.9, 68.6 | |
Web Safe | 990000 | #990000 |
CIE-LAB | 36.415, 60.494, 40.343 |
---|---|
XYZ | 17.867, 9.226, 1.704 |
xyY | 0.62, 0.32, 9.226 |
CIE-LCH | 36.415, 72.712, 33.699 |
CIE-LUV | 36.415, 116.007, 21.881 |
Hunter-Lab | 30.374, 51.845, 17.935 |
Binary | 10101111, 00000010, 00011000 |
Color Schemes with #af0218
Alternatives to #af0218
Below, you can see some colors close to #af0218. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af0218 Preview
This text has a font color of #af0218.
<span style="color:#af0218;">Text here</span>
This paragraph has a background color of #af0218.
<p style="background-color:#af0218;">Content here</p>
This element has a border color of #af0218.
<div style="border:1px solid #af0218;">Content here</div>
.text {color:#af0218;}
.background {background-color:#af0218;}
.border {border:1px solid #af0218;}
Shades and Tints of #af0218
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, #000000 is the darkest color, while #ffecee is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#140003
#140003
rgb(20,0,3)
-
#270005
#270005
rgb(39,0,5)
-
#3b0108
#3b0108
rgb(59,1,8)
-
#4e010b
#4e010b
rgb(78,1,11)
-
#61010d
#61010d
rgb(97,1,13)
-
#750110
#750110
rgb(117,1,16)
-
#880213
#880213
rgb(136,2,19)
-
#9c0215
#9c0215
rgb(156,2,21)
-
#af0218
#af0218
rgb(175,2,24)
-
#c2021b
#c2021b
rgb(194,2,27)
-
#d6021d
#d6021d
rgb(214,2,29)
-
#e90320
#e90320
rgb(233,3,32)
-
#fc0323
#fc0323
rgb(252,3,35)
-
#fc1734
#fc1734
rgb(252,23,52)
-
#fd2a45
#fd2a45
rgb(253,42,69)
-
#fd3e56
#fd3e56
rgb(253,62,86)
-
#fd5167
#fd5167
rgb(253,81,103)
-
#fd6478
#fd6478
rgb(253,100,120)
-
#fd7889
#fd7889
rgb(253,120,137)
-
#fe8b9a
#fe8b9a
rgb(254,139,154)
-
#fe9eab
#fe9eab
rgb(254,158,171)
-
#feb2bc
#feb2bc
rgb(254,178,188)
-
#fec5cd
#fec5cd
rgb(254,197,205)
-
#ffd9dd
#ffd9dd
rgb(255,217,221)
-
#ffecee
#ffecee
rgb(255,236,238)
Tones of #af0218
A tone is produced by adding gray to any pure hue. In this case, #5d5455 is the less saturated color, while #af0218 is the most saturated one.
-
#5d5455
#5d5455
rgb(93,84,85)
-
#644d50
#644d50
rgb(100,77,80)
-
#6b464b
#6b464b
rgb(107,70,75)
-
#723f46
#723f46
rgb(114,63,70)
-
#793841
#793841
rgb(121,56,65)
-
#7f323c
#7f323c
rgb(127,50,60)
-
#862b36
#862b36
rgb(134,43,54)
-
#8d2431
#8d2431
rgb(141,36,49)
-
#941d2c
#941d2c
rgb(148,29,44)
-
#9b1627
#9b1627
rgb(155,22,39)
-
#a11022
#a11022
rgb(161,16,34)
-
#a8091d
#a8091d
rgb(168,9,29)
-
#af0218
#af0218
rgb(175,2,24)
Color Blindness Simulator
Below, you can see how #af0218 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.