#af5018 Color Information
In a RGB color space, hex #af5018 is composed of 68.6% red, 31.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 86.3% yellow and 31.4% black. It has a hue angle of 22.3 degrees, a saturation of 75.9% and a lightness of 39%. #af5018 color hex could be obtained by blending #ffa030 with #5f0000. Closest websafe color is: #996600.
-
- R 69
- G 31
- B 9
-
- C 0
- M 54
- Y 86
- K 31
● #af5018 color description : Dark orange [Brown tone].
#af5018 Color Conversion
The hexadecimal color #af5018 has RGB values of R:175, G:80, B:24 and CMYK values of C:0, M:0.54, Y:0.86, K:0.31. Its decimal value is 11489304.
Hex triplet | af5018 | #af5018 |
---|---|---|
RGB Decimal | 175, 80, 24 | rgb(175,80,24) |
RGB Percent | 68.6, 31.4, 9.4 | rgb(68.6%,31.4%,9.4%) |
CMYK | 0, 54, 86, 31 | |
HSL | 22.3°, 75.9, 39 | hsl(22.3,75.9%,39%) |
HSV (or HSB) | 22.3°, 86.3, 68.6 | |
Web Safe | 996600 | #996600 |
CIE-LAB | 45.523, 35.703, 48.093 |
---|---|
XYZ | 20.714, 14.919, 2.653 |
xyY | 0.541, 0.39, 14.919 |
CIE-LCH | 45.523, 59.897, 53.41 |
CIE-LUV | 45.523, 77.139, 37.592 |
Hunter-Lab | 38.625, 28.129, 22.965 |
Binary | 10101111, 01010000, 00011000 |
Color Schemes with #af5018
Alternatives to #af5018
Below, you can see some colors close to #af5018. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af5018 Preview
This text has a font color of #af5018.
<span style="color:#af5018;">Text here</span>
This paragraph has a background color of #af5018.
<p style="background-color:#af5018;">Content here</p>
This element has a border color of #af5018.
<div style="border:1px solid #af5018;">Content here</div>
.text {color:#af5018;}
.background {background-color:#af5018;}
.border {border:1px solid #af5018;}
Shades and Tints of #af5018
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, #030100 is the darkest color, while #fdf5f0 is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#140903
#140903
rgb(20,9,3)
-
#251105
#251105
rgb(37,17,5)
-
#361907
#361907
rgb(54,25,7)
-
#48210a
#48210a
rgb(72,33,10)
-
#59290c
#59290c
rgb(89,41,12)
-
#6a300f
#6a300f
rgb(106,48,15)
-
#7b3811
#7b3811
rgb(123,56,17)
-
#8d4013
#8d4013
rgb(141,64,19)
-
#9e4816
#9e4816
rgb(158,72,22)
-
#af5018
#af5018
rgb(175,80,24)
-
#c0581a
#c0581a
rgb(192,88,26)
-
#d1601d
#d1601d
rgb(209,96,29)
-
#e16821
#e16821
rgb(225,104,33)
-
#e37433
#e37433
rgb(227,116,51)
-
#e58044
#e58044
rgb(229,128,68)
-
#e88b55
#e88b55
rgb(232,139,85)
-
#ea9766
#ea9766
rgb(234,151,102)
-
#eca378
#eca378
rgb(236,163,120)
-
#efaf89
#efaf89
rgb(239,175,137)
-
#f1ba9a
#f1ba9a
rgb(241,186,154)
-
#f4c6ab
#f4c6ab
rgb(244,198,171)
-
#f6d2bd
#f6d2bd
rgb(246,210,189)
-
#f8dece
#f8dece
rgb(248,222,206)
-
#fbe9df
#fbe9df
rgb(251,233,223)
-
#fdf5f0
#fdf5f0
rgb(253,245,240)
Tones of #af5018
A tone is produced by adding gray to any pure hue. In this case, #6a625d is the less saturated color, while #c64a01 is the most saturated one.
-
#6a625d
#6a625d
rgb(106,98,93)
-
#726055
#726055
rgb(114,96,85)
-
#795e4e
#795e4e
rgb(121,94,78)
-
#815c46
#815c46
rgb(129,92,70)
-
#895a3e
#895a3e
rgb(137,90,62)
-
#905837
#905837
rgb(144,88,55)
-
#98562f
#98562f
rgb(152,86,47)
-
#a05427
#a05427
rgb(160,84,39)
-
#a75220
#a75220
rgb(167,82,32)
-
#af5018
#af5018
rgb(175,80,24)
-
#b74e10
#b74e10
rgb(183,78,16)
-
#be4c09
#be4c09
rgb(190,76,9)
-
#c64a01
#c64a01
rgb(198,74,1)
Color Blindness Simulator
Below, you can see how #af5018 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.