#af5733 Color Information
In a RGB color space, hex #af5733 is composed of 68.6% red, 34.1% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 70.9% yellow and 31.4% black. It has a hue angle of 17.4 degrees, a saturation of 54.9% and a lightness of 44.3%. #af5733 color hex could be obtained by blending #ffae66 with #5f0000. Closest websafe color is: #996633.
-
- R 69
- G 34
- B 20
-
- C 0
- M 50
- Y 71
- K 31
● #af5733 color description : Dark orange [Brown tone].
#af5733 Color Conversion
The hexadecimal color #af5733 has RGB values of R:175, G:87, B:51 and CMYK values of C:0, M:0.5, Y:0.71, K:0.31. Its decimal value is 11491123.
Hex triplet | af5733 | #af5733 |
---|---|---|
RGB Decimal | 175, 87, 51 | rgb(175,87,51) |
RGB Percent | 68.6, 34.1, 20 | rgb(68.6%,34.1%,20%) |
CMYK | 0, 50, 71, 31 | |
HSL | 17.4°, 54.9, 44.3 | hsl(17.4,54.9%,44.3%) |
HSV (or HSB) | 17.4°, 70.9, 68.6 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 47.198, 33.119, 36.816 |
---|---|
XYZ | 21.686, 16.171, 5.111 |
xyY | 0.505, 0.376, 16.171 |
CIE-LCH | 47.198, 49.52, 48.026 |
CIE-LUV | 47.198, 68.973, 32.041 |
Hunter-Lab | 40.214, 25.884, 20.614 |
Binary | 10101111, 01010111, 00110011 |
Color Schemes with #af5733
Alternatives to #af5733
Below, you can see some colors close to #af5733. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af5733 Preview
This text has a font color of #af5733.
<span style="color:#af5733;">Text here</span>
This paragraph has a background color of #af5733.
<p style="background-color:#af5733;">Content here</p>
This element has a border color of #af5733.
<div style="border:1px solid #af5733;">Content here</div>
.text {color:#af5733;}
.background {background-color:#af5733;}
.border {border:1px solid #af5733;}
Shades and Tints of #af5733
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)
-
#26130b
#26130b
rgb(38,19,11)
-
#351b10
#351b10
rgb(53,27,16)
-
#452214
#452214
rgb(69,34,20)
-
#542a18
#542a18
rgb(84,42,24)
-
#63311d
#63311d
rgb(99,49,29)
-
#723921
#723921
rgb(114,57,33)
-
#814026
#814026
rgb(129,64,38)
-
#91482a
#91482a
rgb(145,72,42)
-
#a04f2f
#a04f2f
rgb(160,79,47)
-
#af5733
#af5733
rgb(175,87,51)
-
#be5f37
#be5f37
rgb(190,95,55)
-
#c86841
#c86841
rgb(200,104,65)
-
#cc7551
#cc7551
rgb(204,117,81)
-
#d18160
#d18160
rgb(209,129,96)
-
#d58d6f
#d58d6f
rgb(213,141,111)
-
#d9997e
#d9997e
rgb(217,153,126)
-
#dea58d
#dea58d
rgb(222,165,141)
-
#e2b19d
#e2b19d
rgb(226,177,157)
-
#e7bdac
#e7bdac
rgb(231,189,172)
-
#ebc9bb
#ebc9bb
rgb(235,201,187)
-
#f0d5ca
#f0d5ca
rgb(240,213,202)
-
#f4e1d9
#f4e1d9
rgb(244,225,217)
-
#f8ede9
#f8ede9
rgb(248,237,233)
-
#fdf9f8
#fdf9f8
rgb(253,249,248)
Tones of #af5733
A tone is produced by adding gray to any pure hue. In this case, #727170 is the less saturated color, while #da4508 is the most saturated one.
-
#727170
#727170
rgb(114,113,112)
-
#7b6d67
#7b6d67
rgb(123,109,103)
-
#84695e
#84695e
rgb(132,105,94)
-
#8c6656
#8c6656
rgb(140,102,86)
-
#95624d
#95624d
rgb(149,98,77)
-
#9e5e44
#9e5e44
rgb(158,94,68)
-
#a65b3c
#a65b3c
rgb(166,91,60)
-
#af5733
#af5733
rgb(175,87,51)
-
#b8532a
#b8532a
rgb(184,83,42)
-
#c05022
#c05022
rgb(192,80,34)
-
#c94c19
#c94c19
rgb(201,76,25)
-
#d24810
#d24810
rgb(210,72,16)
-
#da4508
#da4508
rgb(218,69,8)
Color Blindness Simulator
Below, you can see how #af5733 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.