#af580f Color Information
In a RGB color space, hex #af580f is composed of 68.6% red, 34.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 91.4% yellow and 31.4% black. It has a hue angle of 27.4 degrees, a saturation of 84.2% and a lightness of 37.3%. #af580f color hex could be obtained by blending #ffb01e with #5f0000. Closest websafe color is: #996600.
-
- R 69
- G 35
- B 6
-
- C 0
- M 50
- Y 91
- K 31
● #af580f color description : Dark orange [Brown tone].
#af580f Color Conversion
The hexadecimal color #af580f has RGB values of R:175, G:88, B:15 and CMYK values of C:0, M:0.5, Y:0.91, K:0.31. Its decimal value is 11491343.
Hex triplet | af580f | #af580f |
---|---|---|
RGB Decimal | 175, 88, 15 | rgb(175,88,15) |
RGB Percent | 68.6, 34.5, 5.9 | rgb(68.6%,34.5%,5.9%) |
CMYK | 0, 50, 91, 31 | |
HSL | 27.4°, 84.2, 37.3 | hsl(27.4,84.2%,37.3%) |
HSV (or HSB) | 27.4°, 91.4, 68.6 | |
Web Safe | 996600 | #996600 |
CIE-LAB | 47.144, 31.32, 52.438 |
---|---|
XYZ | 21.256, 16.13, 2.446 |
xyY | 0.534, 0.405, 16.13 |
CIE-LCH | 47.144, 61.079, 59.151 |
CIE-LUV | 47.144, 71.359, 41.828 |
Hunter-Lab | 40.162, 24.188, 24.503 |
Binary | 10101111, 01011000, 00001111 |
Color Schemes with #af580f
Alternatives to #af580f
Below, you can see some colors close to #af580f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af580f Preview
This text has a font color of #af580f.
<span style="color:#af580f;">Text here</span>
This paragraph has a background color of #af580f.
<p style="background-color:#af580f;">Content here</p>
This element has a border color of #af580f.
<div style="border:1px solid #af580f;">Content here</div>
.text {color:#af580f;}
.background {background-color:#af580f;}
.border {border:1px solid #af580f;}
Shades and Tints of #af580f
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, #0c0601 is the darkest color, while #fffcf9 is the lightest one.
-
#0c0601
#0c0601
rgb(12,6,1)
-
#1e0f03
#1e0f03
rgb(30,15,3)
-
#311804
#311804
rgb(49,24,4)
-
#432106
#432106
rgb(67,33,6)
-
#552b07
#552b07
rgb(85,43,7)
-
#673409
#673409
rgb(103,52,9)
-
#793d0a
#793d0a
rgb(121,61,10)
-
#8b460c
#8b460c
rgb(139,70,12)
-
#9d4f0d
#9d4f0d
rgb(157,79,13)
-
#af580f
#af580f
rgb(175,88,15)
-
#c16111
#c16111
rgb(193,97,17)
-
#d36a12
#d36a12
rgb(211,106,18)
-
#e57314
#e57314
rgb(229,115,20)
-
#ec7d21
#ec7d21
rgb(236,125,33)
-
#ed8833
#ed8833
rgb(237,136,51)
-
#ef9245
#ef9245
rgb(239,146,69)
-
#f19d57
#f19d57
rgb(241,157,87)
-
#f2a769
#f2a769
rgb(242,167,105)
-
#f4b27b
#f4b27b
rgb(244,178,123)
-
#f5bd8d
#f5bd8d
rgb(245,189,141)
-
#f7c79f
#f7c79f
rgb(247,199,159)
-
#f8d2b1
#f8d2b1
rgb(248,210,177)
-
#fadcc3
#fadcc3
rgb(250,220,195)
-
#fbe7d5
#fbe7d5
rgb(251,231,213)
-
#fdf1e7
#fdf1e7
rgb(253,241,231)
-
#fffcf9
#fffcf9
rgb(255,252,249)
Tones of #af580f
A tone is produced by adding gray to any pure hue. In this case, #665e58 is the less saturated color, while #be5700 is the most saturated one.
-
#665e58
#665e58
rgb(102,94,88)
-
#6d5e51
#6d5e51
rgb(109,94,81)
-
#755d49
#755d49
rgb(117,93,73)
-
#7c5c42
#7c5c42
rgb(124,92,66)
-
#835c3b
#835c3b
rgb(131,92,59)
-
#8a5b34
#8a5b34
rgb(138,91,52)
-
#925b2c
#925b2c
rgb(146,91,44)
-
#995a25
#995a25
rgb(153,90,37)
-
#a0591e
#a0591e
rgb(160,89,30)
-
#a85916
#a85916
rgb(168,89,22)
-
#af580f
#af580f
rgb(175,88,15)
-
#b65708
#b65708
rgb(182,87,8)
-
#be5700
#be5700
rgb(190,87,0)
Color Blindness Simulator
Below, you can see how #af580f 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.