#af3103 Color Information
In a RGB color space, hex #af3103 is composed of 68.6% red, 19.2% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 98.3% yellow and 31.4% black. It has a hue angle of 16 degrees, a saturation of 96.6% and a lightness of 34.9%. #af3103 color hex could be obtained by blending #ff6206 with #5f0000. Closest websafe color is: #993300.
-
- R 69
- G 19
- B 1
-
- C 0
- M 72
- Y 98
- K 31
● #af3103 color description : Dark orange [Brown tone].
#af3103 Color Conversion
The hexadecimal color #af3103 has RGB values of R:175, G:49, B:3 and CMYK values of C:0, M:0.72, Y:0.98, K:0.31. Its decimal value is 11481347.
Hex triplet | af3103 | #af3103 |
---|---|---|
RGB Decimal | 175, 49, 3 | rgb(175,49,3) |
RGB Percent | 68.6, 19.2, 1.2 | rgb(68.6%,19.2%,1.2%) |
CMYK | 0, 72, 98, 31 | |
HSL | 16°, 96.6, 34.9 | hsl(16,96.6%,34.9%) |
HSV (or HSB) | 16°, 98.3, 68.6 | |
Web Safe | 993300 | #993300 |
CIE-LAB | 40.113, 49.43, 51.255 |
---|---|
XYZ | 18.795, 11.319, 1.281 |
xyY | 0.599, 0.361, 11.319 |
CIE-LCH | 40.113, 71.207, 46.038 |
CIE-LUV | 40.113, 100.563, 31.849 |
Hunter-Lab | 33.644, 40.839, 21.293 |
Binary | 10101111, 00110001, 00000011 |
Color Schemes with #af3103
Alternatives to #af3103
Below, you can see some colors close to #af3103. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af3103 Preview
This text has a font color of #af3103.
<span style="color:#af3103;">Text here</span>
This paragraph has a background color of #af3103.
<p style="background-color:#af3103;">Content here</p>
This element has a border color of #af3103.
<div style="border:1px solid #af3103;">Content here</div>
.text {color:#af3103;}
.background {background-color:#af3103;}
.border {border:1px solid #af3103;}
Shades and Tints of #af3103
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 #fff2ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#150600
#150600
rgb(21,6,0)
-
#280b01
#280b01
rgb(40,11,1)
-
#3b1101
#3b1101
rgb(59,17,1)
-
#4f1601
#4f1601
rgb(79,22,1)
-
#621b02
#621b02
rgb(98,27,2)
-
#752102
#752102
rgb(117,33,2)
-
#882602
#882602
rgb(136,38,2)
-
#9c2c03
#9c2c03
rgb(156,44,3)
-
#af3103
#af3103
rgb(175,49,3)
-
#c23603
#c23603
rgb(194,54,3)
-
#d63c04
#d63c04
rgb(214,60,4)
-
#e94104
#e94104
rgb(233,65,4)
-
#fb4706
#fb4706
rgb(251,71,6)
-
#fb5519
#fb5519
rgb(251,85,25)
-
#fb642c
#fb642c
rgb(251,100,44)
-
#fc7240
#fc7240
rgb(252,114,64)
-
#fc8053
#fc8053
rgb(252,128,83)
-
#fc8e66
#fc8e66
rgb(252,142,102)
-
#fd9d79
#fd9d79
rgb(253,157,121)
-
#fdab8d
#fdab8d
rgb(253,171,141)
-
#fdb9a0
#fdb9a0
rgb(253,185,160)
-
#fec7b3
#fec7b3
rgb(254,199,179)
-
#fed5c7
#fed5c7
rgb(254,213,199)
-
#fee4da
#fee4da
rgb(254,228,218)
-
#fff2ed
#fff2ed
rgb(255,242,237)
Tones of #af3103
A tone is produced by adding gray to any pure hue. In this case, #5d5755 is the less saturated color, while #af3103 is the most saturated one.
-
#5d5755
#5d5755
rgb(93,87,85)
-
#64544e
#64544e
rgb(100,84,78)
-
#6b5147
#6b5147
rgb(107,81,71)
-
#714e41
#714e41
rgb(113,78,65)
-
#784a3a
#784a3a
rgb(120,74,58)
-
#7f4733
#7f4733
rgb(127,71,51)
-
#86442c
#86442c
rgb(134,68,44)
-
#8d4125
#8d4125
rgb(141,65,37)
-
#943e1e
#943e1e
rgb(148,62,30)
-
#9a3b18
#9a3b18
rgb(154,59,24)
-
#a13711
#a13711
rgb(161,55,17)
-
#a8340a
#a8340a
rgb(168,52,10)
-
#af3103
#af3103
rgb(175,49,3)
Color Blindness Simulator
Below, you can see how #af3103 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.