#af5a33 Color Information
In a RGB color space, hex #af5a33 is composed of 68.6% red, 35.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.6% magenta, 70.9% yellow and 31.4% black. It has a hue angle of 18.9 degrees, a saturation of 54.9% and a lightness of 44.3%. #af5a33 color hex could be obtained by blending #ffb466 with #5f0000. Closest websafe color is: #996633.
-
- R 69
- G 35
- B 20
-
- C 0
- M 49
- Y 71
- K 31
● #af5a33 color description : Dark orange [Brown tone].
#af5a33 Color Conversion
The hexadecimal color #af5a33 has RGB values of R:175, G:90, B:51 and CMYK values of C:0, M:0.49, Y:0.71, K:0.31. Its decimal value is 11491891.
Hex triplet | af5a33 | #af5a33 |
---|---|---|
RGB Decimal | 175, 90, 51 | rgb(175,90,51) |
RGB Percent | 68.6, 35.3, 20 | rgb(68.6%,35.3%,20%) |
CMYK | 0, 49, 71, 31 | |
HSL | 18.9°, 54.9, 44.3 | hsl(18.9,54.9%,44.3%) |
HSV (or HSB) | 18.9°, 70.9, 68.6 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 47.838, 31.522, 37.532 |
---|---|
XYZ | 21.934, 16.667, 5.194 |
xyY | 0.501, 0.381, 16.667 |
CIE-LCH | 47.838, 49.013, 49.974 |
CIE-LUV | 47.838, 66.728, 33.195 |
Hunter-Lab | 40.826, 24.455, 21.035 |
Binary | 10101111, 01011010, 00110011 |
Color Schemes with #af5a33
Alternatives to #af5a33
Below, you can see some colors close to #af5a33. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af5a33 Preview
This text has a font color of #af5a33.
<span style="color:#af5a33;">Text here</span>
This paragraph has a background color of #af5a33.
<p style="background-color:#af5a33;">Content here</p>
This element has a border color of #af5a33.
<div style="border:1px solid #af5a33;">Content here</div>
.text {color:#af5a33;}
.background {background-color:#af5a33;}
.border {border:1px solid #af5a33;}
Shades and Tints of #af5a33
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, #080402 is the darkest color, while #fdf9f8 is the lightest one.
-
#080402
#080402
rgb(8,4,2)
-
#170c07
#170c07
rgb(23,12,7)
-
#26140b
#26140b
rgb(38,20,11)
-
#351c10
#351c10
rgb(53,28,16)
-
#452314
#452314
rgb(69,35,20)
-
#542b18
#542b18
rgb(84,43,24)
-
#63331d
#63331d
rgb(99,51,29)
-
#723b21
#723b21
rgb(114,59,33)
-
#814326
#814326
rgb(129,67,38)
-
#914a2a
#914a2a
rgb(145,74,42)
-
#a0522f
#a0522f
rgb(160,82,47)
-
#af5a33
#af5a33
rgb(175,90,51)
-
#be6237
#be6237
rgb(190,98,55)
-
#c86c41
#c86c41
rgb(200,108,65)
-
#cc7851
#cc7851
rgb(204,120,81)
-
#d18360
#d18360
rgb(209,131,96)
-
#d58f6f
#d58f6f
rgb(213,143,111)
-
#d99b7e
#d99b7e
rgb(217,155,126)
-
#dea78d
#dea78d
rgb(222,167,141)
-
#e2b39d
#e2b39d
rgb(226,179,157)
-
#e7beac
#e7beac
rgb(231,190,172)
-
#ebcabb
#ebcabb
rgb(235,202,187)
-
#f0d6ca
#f0d6ca
rgb(240,214,202)
-
#f4e2d9
#f4e2d9
rgb(244,226,217)
-
#f8eee9
#f8eee9
rgb(248,238,233)
-
#fdf9f8
#fdf9f8
rgb(253,249,248)
Tones of #af5a33
A tone is produced by adding gray to any pure hue. In this case, #727170 is the less saturated color, while #da4a08 is the most saturated one.
-
#727170
#727170
rgb(114,113,112)
-
#7b6d67
#7b6d67
rgb(123,109,103)
-
#846a5e
#846a5e
rgb(132,106,94)
-
#8c6756
#8c6756
rgb(140,103,86)
-
#95644d
#95644d
rgb(149,100,77)
-
#9e6044
#9e6044
rgb(158,96,68)
-
#a65d3c
#a65d3c
rgb(166,93,60)
-
#af5a33
#af5a33
rgb(175,90,51)
-
#b8572a
#b8572a
rgb(184,87,42)
-
#c05422
#c05422
rgb(192,84,34)
-
#c95019
#c95019
rgb(201,80,25)
-
#d24d10
#d24d10
rgb(210,77,16)
-
#da4a08
#da4a08
rgb(218,74,8)
Color Blindness Simulator
Below, you can see how #af5a33 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.