#af580e Color Information
In a RGB color space, hex #af580e is composed of 68.6% red, 34.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 92% yellow and 31.4% black. It has a hue angle of 27.6 degrees, a saturation of 85.2% and a lightness of 37.1%. #af580e color hex could be obtained by blending #ffb01c with #5f0000. Closest websafe color is: #996600.
-
- R 69
- G 35
- B 5
-
- C 0
- M 50
- Y 92
- K 31
● #af580e color description : Dark orange [Brown tone].
#af580e Color Conversion
The hexadecimal color #af580e has RGB values of R:175, G:88, B:14 and CMYK values of C:0, M:0.5, Y:0.92, K:0.31. Its decimal value is 11491342.
Hex triplet | af580e | #af580e |
---|---|---|
RGB Decimal | 175, 88, 14 | rgb(175,88,14) |
RGB Percent | 68.6, 34.5, 5.5 | rgb(68.6%,34.5%,5.5%) |
CMYK | 0, 50, 92, 31 | |
HSL | 27.6°, 85.2, 37.1 | hsl(27.6,85.2%,37.1%) |
HSV (or HSB) | 27.6°, 92, 68.6 | |
Web Safe | 996600 | #996600 |
CIE-LAB | 47.141, 31.303, 52.715 |
---|---|
XYZ | 21.249, 16.127, 2.409 |
xyY | 0.534, 0.405, 16.127 |
CIE-LCH | 47.141, 61.308, 59.298 |
CIE-LUV | 47.141, 71.403, 41.961 |
Hunter-Lab | 40.159, 24.172, 24.554 |
Binary | 10101111, 01011000, 00001110 |
Color Schemes with #af580e
Alternatives to #af580e
Below, you can see some colors close to #af580e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af580e Preview
This text has a font color of #af580e.
<span style="color:#af580e;">Text here</span>
This paragraph has a background color of #af580e.
<p style="background-color:#af580e;">Content here</p>
This element has a border color of #af580e.
<div style="border:1px solid #af580e;">Content here</div>
.text {color:#af580e;}
.background {background-color:#af580e;}
.border {border:1px solid #af580e;}
Shades and Tints of #af580e
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 #fefbf8 is the lightest one.
-
#0c0601
#0c0601
rgb(12,6,1)
-
#1e0f02
#1e0f02
rgb(30,15,2)
-
#301804
#301804
rgb(48,24,4)
-
#422105
#422105
rgb(66,33,5)
-
#542a07
#542a07
rgb(84,42,7)
-
#663308
#663308
rgb(102,51,8)
-
#793d0a
#793d0a
rgb(121,61,10)
-
#8b460b
#8b460b
rgb(139,70,11)
-
#9d4f0d
#9d4f0d
rgb(157,79,13)
-
#af580e
#af580e
rgb(175,88,14)
-
#c1610f
#c1610f
rgb(193,97,15)
-
#d36a11
#d36a11
rgb(211,106,17)
-
#e57312
#e57312
rgb(229,115,18)
-
#ed7d1e
#ed7d1e
rgb(237,125,30)
-
#ee8831
#ee8831
rgb(238,136,49)
-
#f09243
#f09243
rgb(240,146,67)
-
#f19d55
#f19d55
rgb(241,157,85)
-
#f3a767
#f3a767
rgb(243,167,103)
-
#f4b279
#f4b279
rgb(244,178,121)
-
#f6bc8b
#f6bc8b
rgb(246,188,139)
-
#f7c79e
#f7c79e
rgb(247,199,158)
-
#f9d1b0
#f9d1b0
rgb(249,209,176)
-
#fadcc2
#fadcc2
rgb(250,220,194)
-
#fce6d4
#fce6d4
rgb(252,230,212)
-
#fdf1e6
#fdf1e6
rgb(253,241,230)
-
#fefbf8
#fefbf8
rgb(254,251,248)
Tones of #af580e
A tone is produced by adding gray to any pure hue. In this case, #5f5e5e is the less saturated color, while #b65707 is the most saturated one.
-
#5f5e5e
#5f5e5e
rgb(95,94,94)
-
#665e57
#665e57
rgb(102,94,87)
-
#6e5d4f
#6e5d4f
rgb(110,93,79)
-
#755d48
#755d48
rgb(117,93,72)
-
#7c5c41
#7c5c41
rgb(124,92,65)
-
#835c3a
#835c3a
rgb(131,92,58)
-
#8b5b32
#8b5b32
rgb(139,91,50)
-
#925a2b
#925a2b
rgb(146,90,43)
-
#995a24
#995a24
rgb(153,90,36)
-
#a0591d
#a0591d
rgb(160,89,29)
-
#a85915
#a85915
rgb(168,89,21)
-
#af580e
#af580e
rgb(175,88,14)
-
#b65707
#b65707
rgb(182,87,7)
Color Blindness Simulator
Below, you can see how #af580e 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.