#af552a Color Information
In a RGB color space, hex #af552a is composed of 68.6% red, 33.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 76% yellow and 31.4% black. It has a hue angle of 19.4 degrees, a saturation of 61.3% and a lightness of 42.5%. #af552a color hex could be obtained by blending #ffaa54 with #5f0000. Closest websafe color is: #996633.
-
- R 69
- G 33
- B 16
-
- C 0
- M 51
- Y 76
- K 31
● #af552a color description : Dark orange [Brown tone].
#af552a Color Conversion
The hexadecimal color #af552a has RGB values of R:175, G:85, B:42 and CMYK values of C:0, M:0.51, Y:0.76, K:0.31. Its decimal value is 11490602.
Hex triplet | af552a | #af552a |
---|---|---|
RGB Decimal | 175, 85, 42 | rgb(175,85,42) |
RGB Percent | 68.6, 33.3, 16.5 | rgb(68.6%,33.3%,16.5%) |
CMYK | 0, 51, 76, 31 | |
HSL | 19.4°, 61.3, 42.5 | hsl(19.4,61.3%,42.5%) |
HSV (or HSB) | 19.4°, 76, 68.6 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 46.685, 33.732, 40.976 |
---|---|
XYZ | 21.346, 15.78, 4.112 |
xyY | 0.518, 0.383, 15.78 |
CIE-LCH | 46.685, 53.074, 50.538 |
CIE-LUV | 46.685, 71.586, 34.545 |
Hunter-Lab | 39.724, 26.402, 21.669 |
Binary | 10101111, 01010101, 00101010 |
Color Schemes with #af552a
Alternatives to #af552a
Below, you can see some colors close to #af552a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af552a Preview
This text has a font color of #af552a.
<span style="color:#af552a;">Text here</span>
This paragraph has a background color of #af552a.
<p style="background-color:#af552a;">Content here</p>
This element has a border color of #af552a.
<div style="border:1px solid #af552a;">Content here</div>
.text {color:#af552a;}
.background {background-color:#af552a;}
.border {border:1px solid #af552a;}
Shades and Tints of #af552a
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)
-
#401f0f
#401f0f
rgb(64,31,15)
-
#502713
#502713
rgb(80,39,19)
-
#602f17
#602f17
rgb(96,47,23)
-
#70361b
#70361b
rgb(112,54,27)
-
#803e1f
#803e1f
rgb(128,62,31)
-
#8f4622
#8f4622
rgb(143,70,34)
-
#9f4d26
#9f4d26
rgb(159,77,38)
-
#af552a
#af552a
rgb(175,85,42)
-
#bf5d2e
#bf5d2e
rgb(191,93,46)
-
#ce6532
#ce6532
rgb(206,101,50)
-
#d27142
#d27142
rgb(210,113,66)
-
#d57c52
#d57c52
rgb(213,124,82)
-
#d98862
#d98862
rgb(217,136,98)
-
#dd9472
#dd9472
rgb(221,148,114)
-
#e1a081
#e1a081
rgb(225,160,129)
-
#e5ac91
#e5ac91
rgb(229,172,145)
-
#e8b8a1
#e8b8a1
rgb(232,184,161)
-
#ecc4b1
#ecc4b1
rgb(236,196,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 #af552a
A tone is produced by adding gray to any pure hue. In this case, #756a64 is the less saturated color, while #d94600 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)
-
#9e5b3b
#9e5b3b
rgb(158,91,59)
-
#a75832
#a75832
rgb(167,88,50)
-
#af552a
#af552a
rgb(175,85,42)
-
#b75222
#b75222
rgb(183,82,34)
-
#c04f19
#c04f19
rgb(192,79,25)
-
#c84c11
#c84c11
rgb(200,76,17)
-
#d04909
#d04909
rgb(208,73,9)
-
#d94600
#d94600
rgb(217,70,0)
Color Blindness Simulator
Below, you can see how #af552a 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.