#af5233 Color Information
In a RGB color space, hex #af5233 is composed of 68.6% red, 32.2% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 70.9% yellow and 31.4% black. It has a hue angle of 15 degrees, a saturation of 54.9% and a lightness of 44.3%. #af5233 color hex could be obtained by blending #ffa466 with #5f0000. Closest websafe color is: #996633.
-
- R 69
- G 32
- B 20
-
- C 0
- M 53
- Y 71
- K 31
● #af5233 color description : Dark orange [Brown tone].
#af5233 Color Conversion
The hexadecimal color #af5233 has RGB values of R:175, G:82, B:51 and CMYK values of C:0, M:0.53, Y:0.71, K:0.31. Its decimal value is 11489843.
Hex triplet | af5233 | #af5233 |
---|---|---|
RGB Decimal | 175, 82, 51 | rgb(175,82,51) |
RGB Percent | 68.6, 32.2, 20 | rgb(68.6%,32.2%,20%) |
CMYK | 0, 53, 71, 31 | |
HSL | 15°, 54.9, 44.3 | hsl(15,54.9%,44.3%) |
HSV (or HSB) | 15°, 70.9, 68.6 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 46.163, 35.734, 35.649 |
---|---|
XYZ | 21.295, 15.39, 4.981 |
xyY | 0.511, 0.369, 15.39 |
CIE-LCH | 46.163, 50.476, 44.932 |
CIE-LUV | 46.163, 72.666, 30.16 |
Hunter-Lab | 39.23, 28.243, 19.933 |
Binary | 10101111, 01010010, 00110011 |
Color Schemes with #af5233
Alternatives to #af5233
Below, you can see some colors close to #af5233. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af5233 Preview
This text has a font color of #af5233.
<span style="color:#af5233;">Text here</span>
This paragraph has a background color of #af5233.
<p style="background-color:#af5233;">Content here</p>
This element has a border color of #af5233.
<div style="border:1px solid #af5233;">Content here</div>
.text {color:#af5233;}
.background {background-color:#af5233;}
.border {border:1px solid #af5233;}
Shades and Tints of #af5233
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, #080402 is the darkest color, while #fdf9f8 is the lightest one.
-
#080402
#080402
rgb(8,4,2)
-
#170b07
#170b07
rgb(23,11,7)
-
#26120b
#26120b
rgb(38,18,11)
-
#351910
#351910
rgb(53,25,16)
-
#452014
#452014
rgb(69,32,20)
-
#542718
#542718
rgb(84,39,24)
-
#632e1d
#632e1d
rgb(99,46,29)
-
#723621
#723621
rgb(114,54,33)
-
#813d26
#813d26
rgb(129,61,38)
-
#91442a
#91442a
rgb(145,68,42)
-
#a04b2f
#a04b2f
rgb(160,75,47)
-
#af5233
#af5233
rgb(175,82,51)
-
#be5937
#be5937
rgb(190,89,55)
-
#c86341
#c86341
rgb(200,99,65)
-
#cc7051
#cc7051
rgb(204,112,81)
-
#d17c60
#d17c60
rgb(209,124,96)
-
#d5896f
#d5896f
rgb(213,137,111)
-
#d9957e
#d9957e
rgb(217,149,126)
-
#dea28d
#dea28d
rgb(222,162,141)
-
#e2ae9d
#e2ae9d
rgb(226,174,157)
-
#e7bbac
#e7bbac
rgb(231,187,172)
-
#ebc7bb
#ebc7bb
rgb(235,199,187)
-
#f0d4ca
#f0d4ca
rgb(240,212,202)
-
#f4e0d9
#f4e0d9
rgb(244,224,217)
-
#f8ede9
#f8ede9
rgb(248,237,233)
-
#fdf9f8
#fdf9f8
rgb(253,249,248)
Tones of #af5233
A tone is produced by adding gray to any pure hue. In this case, #727070 is the less saturated color, while #da3c08 is the most saturated one.
-
#727070
#727070
rgb(114,112,112)
-
#7b6c67
#7b6c67
rgb(123,108,103)
-
#84685e
#84685e
rgb(132,104,94)
-
#8c6356
#8c6356
rgb(140,99,86)
-
#955f4d
#955f4d
rgb(149,95,77)
-
#9e5b44
#9e5b44
rgb(158,91,68)
-
#a6563c
#a6563c
rgb(166,86,60)
-
#af5233
#af5233
rgb(175,82,51)
-
#b84e2a
#b84e2a
rgb(184,78,42)
-
#c04922
#c04922
rgb(192,73,34)
-
#c94519
#c94519
rgb(201,69,25)
-
#d24110
#d24110
rgb(210,65,16)
-
#da3c08
#da3c08
rgb(218,60,8)
Color Blindness Simulator
Below, you can see how #af5233 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.