#af572a Color Information
In a RGB color space, hex #af572a is composed of 68.6% red, 34.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 76% yellow and 31.4% black. It has a hue angle of 20.3 degrees, a saturation of 61.3% and a lightness of 42.5%. #af572a color hex could be obtained by blending #ffae54 with #5f0000. Closest websafe color is: #996633.
-
- R 69
- G 34
- B 16
-
- C 0
- M 50
- Y 76
- K 31
● #af572a color description : Dark orange [Brown tone].
#af572a Color Conversion
The hexadecimal color #af572a has RGB values of R:175, G:87, B:42 and CMYK values of C:0, M:0.5, Y:0.76, K:0.31. Its decimal value is 11491114.
Hex triplet | af572a | #af572a |
---|---|---|
RGB Decimal | 175, 87, 42 | rgb(175,87,42) |
RGB Percent | 68.6, 34.1, 16.5 | rgb(68.6%,34.1%,16.5%) |
CMYK | 0, 50, 76, 31 | |
HSL | 20.3°, 61.3, 42.5 | hsl(20.3,61.3%,42.5%) |
HSV (or HSB) | 20.3°, 76, 68.6 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 47.105, 32.677, 41.411 |
---|---|
XYZ | 21.506, 16.099, 4.165 |
xyY | 0.515, 0.385, 16.099 |
CIE-LCH | 47.105, 52.751, 51.724 |
CIE-LUV | 47.105, 70.063, 35.278 |
Hunter-Lab | 40.124, 25.457, 21.932 |
Binary | 10101111, 01010111, 00101010 |
Color Schemes with #af572a
Alternatives to #af572a
Below, you can see some colors close to #af572a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af572a Preview
This text has a font color of #af572a.
<span style="color:#af572a;">Text here</span>
This paragraph has a background color of #af572a.
<p style="background-color:#af572a;">Content here</p>
This element has a border color of #af572a.
<div style="border:1px solid #af572a;">Content here</div>
.text {color:#af572a;}
.background {background-color:#af572a;}
.border {border:1px solid #af572a;}
Shades and Tints of #af572a
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)
-
#502813
#502813
rgb(80,40,19)
-
#603017
#603017
rgb(96,48,23)
-
#70381b
#70381b
rgb(112,56,27)
-
#803f1f
#803f1f
rgb(128,63,31)
-
#8f4722
#8f4722
rgb(143,71,34)
-
#9f4f26
#9f4f26
rgb(159,79,38)
-
#af572a
#af572a
rgb(175,87,42)
-
#bf5f2e
#bf5f2e
rgb(191,95,46)
-
#ce6732
#ce6732
rgb(206,103,50)
-
#d27342
#d27342
rgb(210,115,66)
-
#d57e52
#d57e52
rgb(213,126,82)
-
#d98a62
#d98a62
rgb(217,138,98)
-
#dd9672
#dd9672
rgb(221,150,114)
-
#e1a281
#e1a281
rgb(225,162,129)
-
#e5ad91
#e5ad91
rgb(229,173,145)
-
#e8b9a1
#e8b9a1
rgb(232,185,161)
-
#ecc5b1
#ecc5b1
rgb(236,197,177)
-
#f0d1c1
#f0d1c1
rgb(240,209,193)
-
#f4dcd1
#f4dcd1
rgb(244,220,209)
-
#f8e8e0
#f8e8e0
rgb(248,232,224)
-
#fbf4f0
#fbf4f0
rgb(251,244,240)
Tones of #af572a
A tone is produced by adding gray to any pure hue. In this case, #756a64 is the less saturated color, while #d94a00 is the most saturated one.
-
#756a64
#756a64
rgb(117,106,100)
-
#7d675c
#7d675c
rgb(125,103,92)
-
#856454
#856454
rgb(133,100,84)
-
#8e624b
#8e624b
rgb(142,98,75)
-
#965f43
#965f43
rgb(150,95,67)
-
#9e5c3b
#9e5c3b
rgb(158,92,59)
-
#a75a32
#a75a32
rgb(167,90,50)
-
#af572a
#af572a
rgb(175,87,42)
-
#b75422
#b75422
rgb(183,84,34)
-
#c05219
#c05219
rgb(192,82,25)
-
#c84f11
#c84f11
rgb(200,79,17)
-
#d04c09
#d04c09
rgb(208,76,9)
-
#d94a00
#d94a00
rgb(217,74,0)
Color Blindness Simulator
Below, you can see how #af572a 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.