#af5737 Color Information
In a RGB color space, hex #af5737 is composed of 68.6% red, 34.1% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.3% magenta, 68.6% yellow and 31.4% black. It has a hue angle of 16 degrees, a saturation of 52.2% and a lightness of 45.1%. #af5737 color hex could be obtained by blending #ffae6e with #5f0000. Closest websafe color is: #996633.
-
- R 69
- G 34
- B 22
-
- C 0
- M 50
- Y 69
- K 31
● #af5737 color description : Dark moderate orange.
#af5737 Color Conversion
The hexadecimal color #af5737 has RGB values of R:175, G:87, B:55 and CMYK values of C:0, M:0.5, Y:0.69, K:0.31. Its decimal value is 11491127.
Hex triplet | af5737 | #af5737 |
---|---|---|
RGB Decimal | 175, 87, 55 | rgb(175,87,55) |
RGB Percent | 68.6, 34.1, 21.6 | rgb(68.6%,34.1%,21.6%) |
CMYK | 0, 50, 69, 31 | |
HSL | 16°, 52.2, 45.1 | hsl(16,52.2%,45.1%) |
HSV (or HSB) | 16°, 68.6, 68.6 | |
Web Safe | 996633 | #996633 |
CIE-LAB | 47.246, 33.344, 34.687 |
---|---|
XYZ | 21.778, 16.208, 5.596 |
xyY | 0.5, 0.372, 16.208 |
CIE-LCH | 47.246, 48.114, 46.131 |
CIE-LUV | 47.246, 68.426, 30.415 |
Hunter-Lab | 40.259, 26.103, 19.94 |
Binary | 10101111, 01010111, 00110111 |
Color Schemes with #af5737
Alternatives to #af5737
Below, you can see some colors close to #af5737. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af5737 Preview
This text has a font color of #af5737.
<span style="color:#af5737;">Text here</span>
This paragraph has a background color of #af5737.
<p style="background-color:#af5737;">Content here</p>
This element has a border color of #af5737.
<div style="border:1px solid #af5737;">Content here</div>
.text {color:#af5737;}
.background {background-color:#af5737;}
.border {border:1px solid #af5737;}
Shades and Tints of #af5737
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, #0b0503 is the darkest color, while #fefcfb is the lightest one.
-
#0b0503
#0b0503
rgb(11,5,3)
-
#1a0d08
#1a0d08
rgb(26,13,8)
-
#29140d
#29140d
rgb(41,20,13)
-
#381c11
#381c11
rgb(56,28,17)
-
#472316
#472316
rgb(71,35,22)
-
#552a1b
#552a1b
rgb(85,42,27)
-
#643220
#643220
rgb(100,50,32)
-
#733924
#733924
rgb(115,57,36)
-
#824129
#824129
rgb(130,65,41)
-
#91482e
#91482e
rgb(145,72,46)
-
#a05032
#a05032
rgb(160,80,50)
-
#af5737
#af5737
rgb(175,87,55)
-
#be5e3c
#be5e3c
rgb(190,94,60)
-
#c56948
#c56948
rgb(197,105,72)
-
#ca7657
#ca7657
rgb(202,118,87)
-
#cf8266
#cf8266
rgb(207,130,102)
-
#d38e75
#d38e75
rgb(211,142,117)
-
#d89a84
#d89a84
rgb(216,154,132)
-
#dda692
#dda692
rgb(221,166,146)
-
#e2b2a1
#e2b2a1
rgb(226,178,161)
-
#e6bfb0
#e6bfb0
rgb(230,191,176)
-
#ebcbbf
#ebcbbf
rgb(235,203,191)
-
#f0d7ce
#f0d7ce
rgb(240,215,206)
-
#f4e3dd
#f4e3dd
rgb(244,227,221)
-
#f9efec
#f9efec
rgb(249,239,236)
-
#fefcfb
#fefcfb
rgb(254,252,251)
Tones of #af5737
A tone is produced by adding gray to any pure hue. In this case, #7a706c is the less saturated color, while #e43e02 is the most saturated one.
-
#7a706c
#7a706c
rgb(122,112,108)
-
#836c63
#836c63
rgb(131,108,99)
-
#8c685a
#8c685a
rgb(140,104,90)
-
#946352
#946352
rgb(148,99,82)
-
#9d5f49
#9d5f49
rgb(157,95,73)
-
#a65b40
#a65b40
rgb(166,91,64)
-
#af5737
#af5737
rgb(175,87,55)
-
#b8532e
#b8532e
rgb(184,83,46)
-
#c14f25
#c14f25
rgb(193,79,37)
-
#ca4b1c
#ca4b1c
rgb(202,75,28)
-
#d24614
#d24614
rgb(210,70,20)
-
#db420b
#db420b
rgb(219,66,11)
-
#e43e02
#e43e02
rgb(228,62,2)
Color Blindness Simulator
Below, you can see how #af5737 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.