#af562a Color Information
In a RGB color space, hex #af562a is composed of 68.6% red, 33.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.9% magenta, 76% yellow and 31.4% black. It has a hue angle of 19.8 degrees, a saturation of 61.3% and a lightness of 42.5%. #af562a color hex could be obtained by blending #ffac54 with #5f0000. Closest websafe color is: #996633.
-
- R 69
- G 34
- B 16
-
- C 0
- M 51
- Y 76
- K 31
● #af562a color description : Dark orange [Brown tone].
#af562a Color Conversion
The hexadecimal color #af562a has RGB values of R:175, G:86, B:42 and CMYK values of C:0, M:0.51, Y:0.76, K:0.31. Its decimal value is 11490858.
Hex triplet | af562a | #af562a |
---|---|---|
RGB Decimal | 175, 86, 42 | rgb(175,86,42) |
RGB Percent | 68.6, 33.7, 16.5 | rgb(68.6%,33.7%,16.5%) |
CMYK | 0, 51, 76, 31 | |
HSL | 19.8°, 61.3, 42.5 | hsl(19.8,61.3%,42.5%) |
HSV (or HSB) | 19.8°, 76, 68.6 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 46.894, 33.205, 41.193 |
---|---|
XYZ | 21.426, 15.939, 4.139 |
xyY | 0.516, 0.384, 15.939 |
CIE-LCH | 46.894, 52.91, 51.128 |
CIE-LUV | 46.894, 70.825, 34.91 |
Hunter-Lab | 39.923, 25.93, 21.8 |
Binary | 10101111, 01010110, 00101010 |
Color Schemes with #af562a
Alternatives to #af562a
Below, you can see some colors close to #af562a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af562a Preview
This text has a font color of #af562a.
<span style="color:#af562a;">Text here</span>
This paragraph has a background color of #af562a.
<p style="background-color:#af562a;">Content here</p>
This element has a border color of #af562a.
<div style="border:1px solid #af562a;">Content here</div>
.text {color:#af562a;}
.background {background-color:#af562a;}
.border {border:1px solid #af562a;}
Shades and Tints of #af562a
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, #010000 is the darkest color, while #fbf4f0 is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#110804
#110804
rgb(17,8,4)
-
#211008
#211008
rgb(33,16,8)
-
#30180c
#30180c
rgb(48,24,12)
-
#40200f
#40200f
rgb(64,32,15)
-
#502713
#502713
rgb(80,39,19)
-
#602f17
#602f17
rgb(96,47,23)
-
#70371b
#70371b
rgb(112,55,27)
-
#803f1f
#803f1f
rgb(128,63,31)
-
#8f4622
#8f4622
rgb(143,70,34)
-
#9f4e26
#9f4e26
rgb(159,78,38)
-
#af562a
#af562a
rgb(175,86,42)
-
#bf5e2e
#bf5e2e
rgb(191,94,46)
-
#ce6632
#ce6632
rgb(206,102,50)
-
#d27242
#d27242
rgb(210,114,66)
-
#d57d52
#d57d52
rgb(213,125,82)
-
#d98962
#d98962
rgb(217,137,98)
-
#dd9572
#dd9572
rgb(221,149,114)
-
#e1a181
#e1a181
rgb(225,161,129)
-
#e5ad91
#e5ad91
rgb(229,173,145)
-
#e8b9a1
#e8b9a1
rgb(232,185,161)
-
#ecc5b1
#ecc5b1
rgb(236,197,177)
-
#f0d0c1
#f0d0c1
rgb(240,208,193)
-
#f4dcd1
#f4dcd1
rgb(244,220,209)
-
#f8e8e0
#f8e8e0
rgb(248,232,224)
-
#fbf4f0
#fbf4f0
rgb(251,244,240)
Tones of #af562a
A tone is produced by adding gray to any pure hue. In this case, #756a64 is the less saturated color, while #d94800 is the most saturated one.
-
#756a64
#756a64
rgb(117,106,100)
-
#7d675c
#7d675c
rgb(125,103,92)
-
#856454
#856454
rgb(133,100,84)
-
#8e614b
#8e614b
rgb(142,97,75)
-
#965e43
#965e43
rgb(150,94,67)
-
#9e5c3b
#9e5c3b
rgb(158,92,59)
-
#a75932
#a75932
rgb(167,89,50)
-
#af562a
#af562a
rgb(175,86,42)
-
#b75322
#b75322
rgb(183,83,34)
-
#c05019
#c05019
rgb(192,80,25)
-
#c84e11
#c84e11
rgb(200,78,17)
-
#d04b09
#d04b09
rgb(208,75,9)
-
#d94800
#d94800
rgb(217,72,0)
Color Blindness Simulator
Below, you can see how #af562a 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.