#af310f Color Information
In a RGB color space, hex #af310f is composed of 68.6% red, 19.2% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 91.4% yellow and 31.4% black. It has a hue angle of 12.8 degrees, a saturation of 84.2% and a lightness of 37.3%. #af310f color hex could be obtained by blending #ff621e with #5f0000. Closest websafe color is: #993300.
-
- R 69
- G 19
- B 6
-
- C 0
- M 72
- Y 91
- K 31
● #af310f color description : Dark red.
#af310f Color Conversion
The hexadecimal color #af310f has RGB values of R:175, G:49, B:15 and CMYK values of C:0, M:0.72, Y:0.91, K:0.31. Its decimal value is 11481359.
Hex triplet | af310f | #af310f |
---|---|---|
RGB Decimal | 175, 49, 15 | rgb(175,49,15) |
RGB Percent | 68.6, 19.2, 5.9 | rgb(68.6%,19.2%,5.9%) |
CMYK | 0, 72, 91, 31 | |
HSL | 12.8°, 84.2, 37.3 | hsl(12.8,84.2%,37.3%) |
HSV (or HSB) | 12.8°, 91.4, 68.6 | |
Web Safe | 993300 | #993300 |
CIE-LAB | 40.159, 49.591, 47.346 |
---|---|
XYZ | 18.865, 11.347, 1.649 |
xyY | 0.592, 0.356, 11.347 |
CIE-LCH | 40.159, 68.563, 43.673 |
CIE-LUV | 40.159, 99.758, 30.295 |
Hunter-Lab | 33.686, 41.013, 20.678 |
Binary | 10101111, 00110001, 00001111 |
Color Schemes with #af310f
Alternatives to #af310f
Below, you can see some colors close to #af310f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af310f Preview
This text has a font color of #af310f.
<span style="color:#af310f;">Text here</span>
This paragraph has a background color of #af310f.
<p style="background-color:#af310f;">Content here</p>
This element has a border color of #af310f.
<div style="border:1px solid #af310f;">Content here</div>
.text {color:#af310f;}
.background {background-color:#af310f;}
.border {border:1px solid #af310f;}
Shades and Tints of #af310f
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, #0c0301 is the darkest color, while #fffaf9 is the lightest one.
-
#0c0301
#0c0301
rgb(12,3,1)
-
#1e0903
#1e0903
rgb(30,9,3)
-
#310e04
#310e04
rgb(49,14,4)
-
#431306
#431306
rgb(67,19,6)
-
#551807
#551807
rgb(85,24,7)
-
#671d09
#671d09
rgb(103,29,9)
-
#79220a
#79220a
rgb(121,34,10)
-
#8b270c
#8b270c
rgb(139,39,12)
-
#9d2c0d
#9d2c0d
rgb(157,44,13)
-
#af310f
#af310f
rgb(175,49,15)
-
#c13611
#c13611
rgb(193,54,17)
-
#d33b12
#d33b12
rgb(211,59,18)
-
#e54014
#e54014
rgb(229,64,20)
-
#ec4c21
#ec4c21
rgb(236,76,33)
-
#ed5a33
#ed5a33
rgb(237,90,51)
-
#ef6945
#ef6945
rgb(239,105,69)
-
#f17757
#f17757
rgb(241,119,87)
-
#f28669
#f28669
rgb(242,134,105)
-
#f4957b
#f4957b
rgb(244,149,123)
-
#f5a38d
#f5a38d
rgb(245,163,141)
-
#f7b29f
#f7b29f
rgb(247,178,159)
-
#f8c0b1
#f8c0b1
rgb(248,192,177)
-
#facfc3
#facfc3
rgb(250,207,195)
-
#fbddd5
#fbddd5
rgb(251,221,213)
-
#fdece7
#fdece7
rgb(253,236,231)
-
#fffaf9
#fffaf9
rgb(255,250,249)
Tones of #af310f
A tone is produced by adding gray to any pure hue. In this case, #665b58 is the less saturated color, while #be2900 is the most saturated one.
-
#665b58
#665b58
rgb(102,91,88)
-
#6d5751
#6d5751
rgb(109,87,81)
-
#755349
#755349
rgb(117,83,73)
-
#7c4e42
#7c4e42
rgb(124,78,66)
-
#834a3b
#834a3b
rgb(131,74,59)
-
#8a4634
#8a4634
rgb(138,70,52)
-
#92422c
#92422c
rgb(146,66,44)
-
#993e25
#993e25
rgb(153,62,37)
-
#a0391e
#a0391e
rgb(160,57,30)
-
#a83516
#a83516
rgb(168,53,22)
-
#af310f
#af310f
rgb(175,49,15)
-
#b62d08
#b62d08
rgb(182,45,8)
-
#be2900
#be2900
rgb(190,41,0)
Color Blindness Simulator
Below, you can see how #af310f 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.