#af5022 Color Information
In a RGB color space, hex #af5022 is composed of 68.6% red, 31.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 80.6% yellow and 31.4% black. It has a hue angle of 19.6 degrees, a saturation of 67.5% and a lightness of 41%. #af5022 color hex could be obtained by blending #ffa044 with #5f0000. Closest websafe color is: #996633.
-
- R 69
- G 31
- B 13
-
- C 0
- M 54
- Y 81
- K 31
● #af5022 color description : Dark orange [Brown tone].
#af5022 Color Conversion
The hexadecimal color #af5022 has RGB values of R:175, G:80, B:34 and CMYK values of C:0, M:0.54, Y:0.81, K:0.31. Its decimal value is 11489314.
Hex triplet | af5022 | #af5022 |
---|---|---|
RGB Decimal | 175, 80, 34 | rgb(175,80,34) |
RGB Percent | 68.6, 31.4, 13.3 | rgb(68.6%,31.4%,13.3%) |
CMYK | 0, 54, 81, 31 | |
HSL | 19.6°, 67.5, 41 | hsl(19.6,67.5%,41%) |
HSV (or HSB) | 19.6°, 80.6, 68.6 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 45.591, 36.009, 43.802 |
---|---|
XYZ | 20.837, 14.969, 3.305 |
xyY | 0.533, 0.383, 14.969 |
CIE-LCH | 45.591, 56.703, 50.577 |
CIE-LUV | 45.591, 76.253, 35.196 |
Hunter-Lab | 38.69, 28.43, 22.017 |
Binary | 10101111, 01010000, 00100010 |
Color Schemes with #af5022
Alternatives to #af5022
Below, you can see some colors close to #af5022. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af5022 Preview
This text has a font color of #af5022.
<span style="color:#af5022;">Text here</span>
This paragraph has a background color of #af5022.
<p style="background-color:#af5022;">Content here</p>
This element has a border color of #af5022.
<div style="border:1px solid #af5022;">Content here</div>
.text {color:#af5022;}
.background {background-color:#af5022;}
.border {border:1px solid #af5022;}
Shades and Tints of #af5022
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, #0b0502 is the darkest color, while #fefbf9 is the lightest one.
-
#0b0502
#0b0502
rgb(11,5,2)
-
#1b0c05
#1b0c05
rgb(27,12,5)
-
#2c1408
#2c1408
rgb(44,20,8)
-
#3c1b0c
#3c1b0c
rgb(60,27,12)
-
#4c230f
#4c230f
rgb(76,35,15)
-
#5d2a12
#5d2a12
rgb(93,42,18)
-
#6d3215
#6d3215
rgb(109,50,21)
-
#7e3918
#7e3918
rgb(126,57,24)
-
#8e411c
#8e411c
rgb(142,65,28)
-
#9f481f
#9f481f
rgb(159,72,31)
-
#af5022
#af5022
rgb(175,80,34)
-
#bf5825
#bf5825
rgb(191,88,37)
-
#d05f28
#d05f28
rgb(208,95,40)
-
#d86a34
#d86a34
rgb(216,106,52)
-
#db7645
#db7645
rgb(219,118,69)
-
#de8255
#de8255
rgb(222,130,85)
-
#e18e66
#e18e66
rgb(225,142,102)
-
#e49a76
#e49a76
rgb(228,154,118)
-
#e8a686
#e8a686
rgb(232,166,134)
-
#ebb297
#ebb297
rgb(235,178,151)
-
#eebea7
#eebea7
rgb(238,190,167)
-
#f1cab8
#f1cab8
rgb(241,202,184)
-
#f4d7c8
#f4d7c8
rgb(244,215,200)
-
#f8e3d8
#f8e3d8
rgb(248,227,216)
-
#fbefe9
#fbefe9
rgb(251,239,233)
-
#fefbf9
#fefbf9
rgb(254,251,249)
Tones of #af5022
A tone is produced by adding gray to any pure hue. In this case, #6f6662 is the less saturated color, while #cf4502 is the most saturated one.
-
#6f6662
#6f6662
rgb(111,102,98)
-
#77645a
#77645a
rgb(119,100,90)
-
#7f6152
#7f6152
rgb(127,97,82)
-
#875e4a
#875e4a
rgb(135,94,74)
-
#8f5b42
#8f5b42
rgb(143,91,66)
-
#97583a
#97583a
rgb(151,88,58)
-
#9f5632
#9f5632
rgb(159,86,50)
-
#a7532a
#a7532a
rgb(167,83,42)
-
#af5022
#af5022
rgb(175,80,34)
-
#b74d1a
#b74d1a
rgb(183,77,26)
-
#bf4a12
#bf4a12
rgb(191,74,18)
-
#c7480a
#c7480a
rgb(199,72,10)
-
#cf4502
#cf4502
rgb(207,69,2)
Color Blindness Simulator
Below, you can see how #af5022 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.