#af552c Color Information
In a RGB color space, hex #af552c is composed of 68.6% red, 33.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 74.9% yellow and 31.4% black. It has a hue angle of 18.8 degrees, a saturation of 59.8% and a lightness of 42.9%. #af552c color hex could be obtained by blending #ffaa58 with #5f0000. Closest websafe color is: #996633.
-
- R 69
- G 33
- B 17
-
- C 0
- M 51
- Y 75
- K 31
● #af552c color description : Dark orange [Brown tone].
#af552c Color Conversion
The hexadecimal color #af552c has RGB values of R:175, G:85, B:44 and CMYK values of C:0, M:0.51, Y:0.75, K:0.31. Its decimal value is 11490604.
Hex triplet | af552c | #af552c |
---|---|---|
RGB Decimal | 175, 85, 44 | rgb(175,85,44) |
RGB Percent | 68.6, 33.3, 17.3 | rgb(68.6%,33.3%,17.3%) |
CMYK | 0, 51, 75, 31 | |
HSL | 18.8°, 59.8, 42.9 | hsl(18.8,59.8%,42.9%) |
HSV (or HSB) | 18.8°, 74.9, 68.6 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 46.704, 33.822, 39.974 |
---|---|
XYZ | 21.383, 15.795, 4.305 |
xyY | 0.515, 0.381, 15.795 |
CIE-LCH | 46.704, 52.362, 49.765 |
CIE-LUV | 46.704, 71.353, 33.871 |
Hunter-Lab | 39.743, 26.49, 21.397 |
Binary | 10101111, 01010101, 00101100 |
Color Schemes with #af552c
Alternatives to #af552c
Below, you can see some colors close to #af552c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af552c Preview
This text has a font color of #af552c.
<span style="color:#af552c;">Text here</span>
This paragraph has a background color of #af552c.
<p style="background-color:#af552c;">Content here</p>
This element has a border color of #af552c.
<div style="border:1px solid #af552c;">Content here</div>
.text {color:#af552c;}
.background {background-color:#af552c;}
.border {border:1px solid #af552c;}
Shades and Tints of #af552c
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, #030101 is the darkest color, while #fcf5f2 is the lightest one.
-
#030101
#030101
rgb(3,1,1)
-
#120905
#120905
rgb(18,9,5)
-
#221009
#221009
rgb(34,16,9)
-
#32180c
#32180c
rgb(50,24,12)
-
#412010
#412010
rgb(65,32,16)
-
#512714
#512714
rgb(81,39,20)
-
#612f18
#612f18
rgb(97,47,24)
-
#70371c
#70371c
rgb(112,55,28)
-
#803e20
#803e20
rgb(128,62,32)
-
#904624
#904624
rgb(144,70,36)
-
#9f4d28
#9f4d28
rgb(159,77,40)
-
#af552c
#af552c
rgb(175,85,44)
-
#bf5d30
#bf5d30
rgb(191,93,48)
-
#cc6536
#cc6536
rgb(204,101,54)
-
#d07145
#d07145
rgb(208,113,69)
-
#d47d55
#d47d55
rgb(212,125,85)
-
#d88965
#d88965
rgb(216,137,101)
-
#dc9575
#dc9575
rgb(220,149,117)
-
#e0a184
#e0a184
rgb(224,161,132)
-
#e4ad94
#e4ad94
rgb(228,173,148)
-
#e8b9a4
#e8b9a4
rgb(232,185,164)
-
#ecc5b3
#ecc5b3
rgb(236,197,179)
-
#f0d1c3
#f0d1c3
rgb(240,209,195)
-
#f4ddd3
#f4ddd3
rgb(244,221,211)
-
#f8e9e2
#f8e9e2
rgb(248,233,226)
-
#fcf5f2
#fcf5f2
rgb(252,245,242)
Tones of #af552c
A tone is produced by adding gray to any pure hue. In this case, #746b67 is the less saturated color, while #d94502 is the most saturated one.
-
#746b67
#746b67
rgb(116,107,103)
-
#7c685f
#7c685f
rgb(124,104,95)
-
#856556
#856556
rgb(133,101,86)
-
#8d624e
#8d624e
rgb(141,98,78)
-
#965e45
#965e45
rgb(150,94,69)
-
#9e5b3d
#9e5b3d
rgb(158,91,61)
-
#a75834
#a75834
rgb(167,88,52)
-
#af552c
#af552c
rgb(175,85,44)
-
#b75224
#b75224
rgb(183,82,36)
-
#c04f1b
#c04f1b
rgb(192,79,27)
-
#c84c13
#c84c13
rgb(200,76,19)
-
#d1480a
#d1480a
rgb(209,72,10)
-
#d94502
#d94502
rgb(217,69,2)
Color Blindness Simulator
Below, you can see how #af552c 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.