#af6603 Color Information
In a RGB color space, hex #af6603 is composed of 68.6% red, 40% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.7% magenta, 98.3% yellow and 31.4% black. It has a hue angle of 34.5 degrees, a saturation of 96.6% and a lightness of 34.9%. #af6603 color hex could be obtained by blending #ffcc06 with #5f0000. Closest websafe color is: #996600.
-
- R 69
- G 40
- B 1
-
- C 0
- M 42
- Y 98
- K 31
● #af6603 color description : Dark orange [Brown tone].
#af6603 Color Conversion
The hexadecimal color #af6603 has RGB values of R:175, G:102, B:3 and CMYK values of C:0, M:0.42, Y:0.98, K:0.31. Its decimal value is 11494915.
| Hex triplet | af6603 | #af6603 |
|---|---|---|
| RGB Decimal | 175, 102, 3 | rgb(175,102,3) |
| RGB Percent | 68.6, 40, 1.2 | rgb(68.6%,40%,1.2%) |
| CMYK | 0, 42, 98, 31 | |
| HSL | 34.5°, 96.6, 34.9 | hsl(34.5,96.6%,34.9%) |
| HSV (or HSB) | 34.5°, 98.3, 68.6 | |
| Web Safe | 996600 | #996600 |
| CIE-LAB | 50.246, 23.522, 57.38 |
|---|---|
| XYZ | 22.448, 18.625, 2.499 |
| xyY | 0.515, 0.427, 18.625 |
| CIE-LCH | 50.246, 62.014, 67.709 |
| CIE-LUV | 50.246, 60.384, 48.061 |
| Hunter-Lab | 43.157, 17.321, 26.777 |
| Binary | 10101111, 01100110, 00000011 |
Color Schemes with #af6603
Alternatives to #af6603
Below, you can see some colors close to #af6603. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af6603 Preview
This text has a font color of #af6603.
<span style="color:#af6603;">Text here</span>
This paragraph has a background color of #af6603.
<p style="background-color:#af6603;">Content here</p>
This element has a border color of #af6603.
<div style="border:1px solid #af6603;">Content here</div>
.text {color:#af6603;}
.background {background-color:#af6603;}
.border {border:1px solid #af6603;}
Shades and Tints of #af6603
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, #010100 is the darkest color, while #fff7ed is the lightest one.
-
#010100
#010100rgb(1,1,0) -
#150c00
#150c00rgb(21,12,0) -
#281701
#281701rgb(40,23,1) -
#3b2301
#3b2301rgb(59,35,1) -
#4f2e01
#4f2e01rgb(79,46,1) -
#623902
#623902rgb(98,57,2) -
#754402
#754402rgb(117,68,2) -
#885002
#885002rgb(136,80,2) -
#9c5b03
#9c5b03rgb(156,91,3) -
#af6603
#af6603rgb(175,102,3) -
#c27103
#c27103rgb(194,113,3) -
#d67c04
#d67c04rgb(214,124,4) -
#e98804
#e98804rgb(233,136,4)
-
#fb9306
#fb9306rgb(251,147,6) -
#fb9b19
#fb9b19rgb(251,155,25) -
#fba32c
#fba32crgb(251,163,44) -
#fcac40
#fcac40rgb(252,172,64) -
#fcb453
#fcb453rgb(252,180,83) -
#fcbd66
#fcbd66rgb(252,189,102) -
#fdc579
#fdc579rgb(253,197,121) -
#fdcd8d
#fdcd8drgb(253,205,141) -
#fdd6a0
#fdd6a0rgb(253,214,160) -
#fedeb3
#fedeb3rgb(254,222,179) -
#fee6c7
#fee6c7rgb(254,230,199) -
#feefda
#feefdargb(254,239,218) -
#fff7ed
#fff7edrgb(255,247,237)
Tones of #af6603
A tone is produced by adding gray to any pure hue. In this case, #5d5a55 is the less saturated color, while #af6603 is the most saturated one.
-
#5d5a55
#5d5a55rgb(93,90,85) -
#645b4e
#645b4ergb(100,91,78) -
#6b5c47
#6b5c47rgb(107,92,71) -
#715d41
#715d41rgb(113,93,65) -
#785e3a
#785e3argb(120,94,58) -
#7f5f33
#7f5f33rgb(127,95,51) -
#86602c
#86602crgb(134,96,44) -
#8d6125
#8d6125rgb(141,97,37) -
#94621e
#94621ergb(148,98,30) -
#9a6318
#9a6318rgb(154,99,24) -
#a16411
#a16411rgb(161,100,17) -
#a8650a
#a8650argb(168,101,10) -
#af6603
#af6603rgb(175,102,3)
Color Blindness Simulator
Below, you can see how #af6603 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.
