#af0300 Color Information
In a RGB color space, hex #af0300 is composed of 68.6% red, 1.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.3% magenta, 100% yellow and 31.4% black. It has a hue angle of 1 degrees, a saturation of 100% and a lightness of 34.3%. #af0300 color hex could be obtained by blending #ff0600 with #5f0000. Closest websafe color is: #990000.
-
- R 69
- G 1
- B 0
-
- C 0
- M 98
- Y 100
- K 31
● #af0300 color description : Dark red.
#af0300 Color Conversion
The hexadecimal color #af0300 has RGB values of R:175, G:3, B:0 and CMYK values of C:0, M:0.98, Y:1, K:0.31. Its decimal value is 11469568.
Hex triplet | af0300 | #af0300 |
---|---|---|
RGB Decimal | 175, 3, 0 | rgb(175,3,0) |
RGB Percent | 68.6, 1.2, 0 | rgb(68.6%,1.2%,0%) |
CMYK | 0, 98, 100, 31 | |
HSL | 1°, 100, 34.3 | hsl(1,100%,34.3%) |
HSV (or HSB) | 1°, 100, 68.6 | |
Web Safe | 990000 | #990000 |
CIE-LAB | 36.331, 60.03, 50.631 |
---|---|
XYZ | 17.713, 9.181, 0.84 |
xyY | 0.639, 0.331, 9.181 |
CIE-LCH | 36.331, 78.531, 40.145 |
CIE-LUV | 36.331, 118.415, 25.888 |
Hunter-Lab | 30.301, 51.318, 19.568 |
Binary | 10101111, 00000011, 00000000 |
Color Schemes with #af0300
Alternatives to #af0300
Below, you can see some colors close to #af0300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af0300 Preview
This text has a font color of #af0300.
<span style="color:#af0300;">Text here</span>
This paragraph has a background color of #af0300.
<p style="background-color:#af0300;">Content here</p>
This element has a border color of #af0300.
<div style="border:1px solid #af0300;">Content here</div>
.text {color:#af0300;}
.background {background-color:#af0300;}
.border {border:1px solid #af0300;}
Shades and Tints of #af0300
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, #120000 is the darkest color, while #fffdfd is the lightest one.
-
#120000
#120000
rgb(18,0,0)
-
#260100
#260100
rgb(38,1,0)
-
#390100
#390100
rgb(57,1,0)
-
#4d0100
#4d0100
rgb(77,1,0)
-
#610200
#610200
rgb(97,2,0)
-
#740200
#740200
rgb(116,2,0)
-
#880200
#880200
rgb(136,2,0)
-
#9b0300
#9b0300
rgb(155,3,0)
-
#af0300
#af0300
rgb(175,3,0)
-
#c30300
#c30300
rgb(195,3,0)
-
#d60400
#d60400
rgb(214,4,0)
-
#ea0400
#ea0400
rgb(234,4,0)
-
#fd0400
#fd0400
rgb(253,4,0)
-
#ff1612
#ff1612
rgb(255,22,18)
-
#ff2926
#ff2926
rgb(255,41,38)
-
#ff3d39
#ff3d39
rgb(255,61,57)
-
#ff504d
#ff504d
rgb(255,80,77)
-
#ff6361
#ff6361
rgb(255,99,97)
-
#ff7774
#ff7774
rgb(255,119,116)
-
#ff8a88
#ff8a88
rgb(255,138,136)
-
#ff9d9b
#ff9d9b
rgb(255,157,155)
-
#ffb0af
#ffb0af
rgb(255,176,175)
-
#ffc4c3
#ffc4c3
rgb(255,196,195)
-
#ffd7d6
#ffd7d6
rgb(255,215,214)
-
#ffeaea
#ffeaea
rgb(255,234,234)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #af0300
A tone is produced by adding gray to any pure hue. In this case, #5e5151 is the less saturated color, while #af0300 is the most saturated one.
-
#5e5151
#5e5151
rgb(94,81,81)
-
#654b4a
#654b4a
rgb(101,75,74)
-
#6c4443
#6c4443
rgb(108,68,67)
-
#723e3d
#723e3d
rgb(114,62,61)
-
#793736
#793736
rgb(121,55,54)
-
#80312f
#80312f
rgb(128,49,47)
-
#872a28
#872a28
rgb(135,42,40)
-
#8d2422
#8d2422
rgb(141,36,34)
-
#941d1b
#941d1b
rgb(148,29,27)
-
#9b1714
#9b1714
rgb(155,23,20)
-
#a2100d
#a2100d
rgb(162,16,13)
-
#a80a07
#a80a07
rgb(168,10,7)
-
#af0300
#af0300
rgb(175,3,0)
Color Blindness Simulator
Below, you can see how #af0300 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.