#af580a Color Information
In a RGB color space, hex #af580a is composed of 68.6% red, 34.5% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 94.3% yellow and 31.4% black. It has a hue angle of 28.4 degrees, a saturation of 89.2% and a lightness of 36.3%. #af580a color hex could be obtained by blending #ffb014 with #5f0000. Closest websafe color is: #996600.
-
- R 69
- G 35
- B 4
-
- C 0
- M 50
- Y 94
- K 31
● #af580a color description : Dark orange [Brown tone].
#af580a Color Conversion
The hexadecimal color #af580a has RGB values of R:175, G:88, B:10 and CMYK values of C:0, M:0.5, Y:0.94, K:0.31. Its decimal value is 11491338.
Hex triplet | af580a | #af580a |
---|---|---|
RGB Decimal | 175, 88, 10 | rgb(175,88,10) |
RGB Percent | 68.6, 34.5, 3.9 | rgb(68.6%,34.5%,3.9%) |
CMYK | 0, 50, 94, 31 | |
HSL | 28.4°, 89.2, 36.3 | hsl(28.4,89.2%,36.3%) |
HSV (or HSB) | 28.4°, 94.3, 68.6 | |
Web Safe | 996600 | #996600 |
CIE-LAB | 47.128, 31.241, 53.712 |
---|---|
XYZ | 21.225, 16.117, 2.28 |
xyY | 0.536, 0.407, 16.117 |
CIE-LCH | 47.128, 62.137, 59.816 |
CIE-LUV | 47.128, 71.56, 42.43 |
Hunter-Lab | 40.146, 24.113, 24.735 |
Binary | 10101111, 01011000, 00001010 |
Color Schemes with #af580a
Alternatives to #af580a
Below, you can see some colors close to #af580a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af580a Preview
This text has a font color of #af580a.
<span style="color:#af580a;">Text here</span>
This paragraph has a background color of #af580a.
<p style="background-color:#af580a;">Content here</p>
This element has a border color of #af580a.
<div style="border:1px solid #af580a;">Content here</div>
.text {color:#af580a;}
.background {background-color:#af580a;}
.border {border:1px solid #af580a;}
Shades and Tints of #af580a
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, #080400 is the darkest color, while #fef9f4 is the lightest one.
-
#080400
#080400
rgb(8,4,0)
-
#1b0d02
#1b0d02
rgb(27,13,2)
-
#2d1703
#2d1703
rgb(45,23,3)
-
#402004
#402004
rgb(64,32,4)
-
#522905
#522905
rgb(82,41,5)
-
#653306
#653306
rgb(101,51,6)
-
#773c07
#773c07
rgb(119,60,7)
-
#8a4508
#8a4508
rgb(138,69,8)
-
#9c4f09
#9c4f09
rgb(156,79,9)
-
#af580a
#af580a
rgb(175,88,10)
-
#c2610b
#c2610b
rgb(194,97,11)
-
#d46b0c
#d46b0c
rgb(212,107,12)
-
#e7740d
#e7740d
rgb(231,116,13)
-
#f27e16
#f27e16
rgb(242,126,22)
-
#f38828
#f38828
rgb(243,136,40)
-
#f4923b
#f4923b
rgb(244,146,59)
-
#f59d4d
#f59d4d
rgb(245,157,77)
-
#f6a760
#f6a760
rgb(246,167,96)
-
#f7b173
#f7b173
rgb(247,177,115)
-
#f8bb85
#f8bb85
rgb(248,187,133)
-
#f9c698
#f9c698
rgb(249,198,152)
-
#fad0aa
#fad0aa
rgb(250,208,170)
-
#fbdabd
#fbdabd
rgb(251,218,189)
-
#fce5cf
#fce5cf
rgb(252,229,207)
-
#fdefe2
#fdefe2
rgb(253,239,226)
-
#fef9f4
#fef9f4
rgb(254,249,244)
Tones of #af580a
A tone is produced by adding gray to any pure hue. In this case, #615c58 is the less saturated color, while #b65803 is the most saturated one.
-
#615c58
#615c58
rgb(97,92,88)
-
#685c51
#685c51
rgb(104,92,81)
-
#6f5b4a
#6f5b4a
rgb(111,91,74)
-
#765b43
#765b43
rgb(118,91,67)
-
#7d5b3c
#7d5b3c
rgb(125,91,60)
-
#845a35
#845a35
rgb(132,90,53)
-
#8b5a2e
#8b5a2e
rgb(139,90,46)
-
#935a26
#935a26
rgb(147,90,38)
-
#9a591f
#9a591f
rgb(154,89,31)
-
#a15918
#a15918
rgb(161,89,24)
-
#a85811
#a85811
rgb(168,88,17)
-
#af580a
#af580a
rgb(175,88,10)
-
#b65803
#b65803
rgb(182,88,3)
Color Blindness Simulator
Below, you can see how #af580a 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.