#af1600 hex color
In a RGB color space, hex #af1600 is composed of 68.6% red, 8.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.4% magenta, 100% yellow and 31.4% black. It has a hue angle of 7.5 degrees, a saturation of 100% and a lightness of 34.3%. #af1600 color hex could be obtained by blending #ff2c00 with #5f0000. Closest websafe color is: #990000.
-
- R 69
- G 9
- B 0
RGB color chart
-
- C 0
- M 87
- Y 100
- K 31
CMYK color chart
● #af1600 color description : Dark red.
The hexadecimal color #af1600 has RGB values of R:175, G:22, B:0 and CMYK values of C:0, M:0.87, Y:1, K:0.31. Its decimal value is 11474432.
Hex triplet | af1600 | #af1600 |
---|---|---|
RGB Decimal | 175, 22, 0 | rgb(175,22,0) |
RGB Percent | 68.6, 8.6, 0 | rgb(68.6%,8.6%,0%) |
CMYK | 0, 87, 100, 31 | |
HSL | 7.5°, 100, 34.3 | hsl(7.5,100%,34.3%) |
HSV (or HSB) | 7.5°, 100, 68.6 | |
Web Safe | 990000 | #990000 |
CIE-LAB | 37.28, 57.3, 51.055 |
---|---|
XYZ | 17.967, 9.69, 0.924 |
xyY | 0.629, 0.339, 9.69 |
CIE-LCH | 37.28, 76.745, 41.701 |
CIE-LUV | 37.28, 113.825, 27.499 |
Hunter-Lab | 31.129, 48.551, 20.03 |
Binary | 10101111, 00010110, 00000000 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #af1600. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #af1600
This text has a font color of #af1600.
<span style="color:#af1600;">Text here</span>
#af1600 background color
This paragraph has a background color of #af1600.
<p style="background-color:#af1600;">Content here</p>
#af1600 border color
This element has a border color of #af1600.
<div style="border:1px solid #af1600;">Content here</div>
CSS codes
.text {color:#af1600;}
.background {background-color:#af1600;}
.border {border:1px solid #af1600;}
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, #120200 is the darkest color, while #fffefd is the lightest one.
-
#120200
#120200
rgb(18,2,0)
-
#260500
#260500
rgb(38,5,0)
-
#390700
#390700
rgb(57,7,0)
-
#4d0a00
#4d0a00
rgb(77,10,0)
-
#610c00
#610c00
rgb(97,12,0)
-
#740f00
#740f00
rgb(116,15,0)
-
#881100
#881100
rgb(136,17,0)
-
#9b1400
#9b1400
rgb(155,20,0)
-
#af1600
#af1600
rgb(175,22,0)
-
#c31800
#c31800
rgb(195,24,0)
-
#d61b00
#d61b00
rgb(214,27,0)
-
#ea1d00
#ea1d00
rgb(234,29,0)
-
#fd2000
#fd2000
rgb(253,32,0)
Shade Color Variation
-
#ff3012
#ff3012
rgb(255,48,18)
-
#ff4126
#ff4126
rgb(255,65,38)
-
#ff5239
#ff5239
rgb(255,82,57)
-
#ff634d
#ff634d
rgb(255,99,77)
-
#ff7461
#ff7461
rgb(255,116,97)
-
#ff8674
#ff8674
rgb(255,134,116)
-
#ff9788
#ff9788
rgb(255,151,136)
-
#ffa89b
#ffa89b
rgb(255,168,155)
-
#ffb9af
#ffb9af
rgb(255,185,175)
-
#ffcac3
#ffcac3
rgb(255,202,195)
-
#ffdbd6
#ffdbd6
rgb(255,219,214)
-
#ffedea
#ffedea
rgb(255,237,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #5e5251 is the less saturated color, while #af1600 is the most saturated one.
-
#5e5251
#5e5251
rgb(94,82,81)
-
#654d4a
#654d4a
rgb(101,77,74)
-
#6c4843
#6c4843
rgb(108,72,67)
-
#72433d
#72433d
rgb(114,67,61)
-
#793e36
#793e36
rgb(121,62,54)
-
#80392f
#80392f
rgb(128,57,47)
-
#873428
#873428
rgb(135,52,40)
-
#8d2f22
#8d2f22
rgb(141,47,34)
-
#942a1b
#942a1b
rgb(148,42,27)
-
#9b2514
#9b2514
rgb(155,37,20)
-
#a2200d
#a2200d
rgb(162,32,13)
-
#a81b07
#a81b07
rgb(168,27,7)
-
#af1600
#af1600
rgb(175,22,0)
Tone Color Variation
Below, you can see how #af1600 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.
Monochromacy
Dichromacy