#ab6700 Color Information
In a RGB color space, hex #ab6700 is composed of 67.1% red, 40.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.8% magenta, 100% yellow and 32.9% black. It has a hue angle of 36.1 degrees, a saturation of 100% and a lightness of 33.5%. #ab6700 color hex could be obtained by blending #ffce00 with #570000. Closest websafe color is: #996600.
-
- R 67
- G 40
- B 0
-
- C 0
- M 40
- Y 100
- K 33
● #ab6700 color description : Dark orange [Brown tone].
#ab6700 Color Conversion
The hexadecimal color #ab6700 has RGB values of R:171, G:103, B:0 and CMYK values of C:0, M:0.4, Y:1, K:0.33. Its decimal value is 11233024.
Hex triplet | ab6700 | #ab6700 |
---|---|---|
RGB Decimal | 171, 103, 0 | rgb(171,103,0) |
RGB Percent | 67.1, 40.4, 0 | rgb(67.1%,40.4%,0%) |
CMYK | 0, 40, 100, 33 | |
HSL | 36.1°, 100, 33.5 | hsl(36.1,100%,33.5%) |
HSV (or HSB) | 36.1°, 100, 67.1 | |
Web Safe | 996600 | #996600 |
CIE-LAB | 49.93, 21.156, 57.565 |
---|---|
XYZ | 21.646, 18.36, 2.404 |
xyY | 0.51, 0.433, 18.36 |
CIE-LCH | 49.93, 61.33, 69.821 |
CIE-LUV | 49.93, 56.294, 48.524 |
Hunter-Lab | 42.849, 15.186, 26.668 |
Binary | 10101011, 01100111, 00000000 |
Color Schemes with #ab6700
Alternatives to #ab6700
Below, you can see some colors close to #ab6700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ab6700 Preview
This text has a font color of #ab6700.
<span style="color:#ab6700;">Text here</span>
This paragraph has a background color of #ab6700.
<p style="background-color:#ab6700;">Content here</p>
This element has a border color of #ab6700.
<div style="border:1px solid #ab6700;">Content here</div>
.text {color:#ab6700;}
.background {background-color:#ab6700;}
.border {border:1px solid #ab6700;}
Shades and Tints of #ab6700
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, #0e0800 is the darkest color, while #fffdf9 is the lightest one.
-
#0e0800
#0e0800
rgb(14,8,0)
-
#221400
#221400
rgb(34,20,0)
-
#352000
#352000
rgb(53,32,0)
-
#492c00
#492c00
rgb(73,44,0)
-
#5d3800
#5d3800
rgb(93,56,0)
-
#704400
#704400
rgb(112,68,0)
-
#844f00
#844f00
rgb(132,79,0)
-
#975b00
#975b00
rgb(151,91,0)
-
#ab6700
#ab6700
rgb(171,103,0)
-
#bf7300
#bf7300
rgb(191,115,0)
-
#d27f00
#d27f00
rgb(210,127,0)
-
#e68a00
#e68a00
rgb(230,138,0)
-
#f99600
#f99600
rgb(249,150,0)
-
#ff9f0e
#ff9f0e
rgb(255,159,14)
-
#ffa722
#ffa722
rgb(255,167,34)
-
#ffaf35
#ffaf35
rgb(255,175,53)
-
#ffb749
#ffb749
rgb(255,183,73)
-
#ffbe5d
#ffbe5d
rgb(255,190,93)
-
#ffc670
#ffc670
rgb(255,198,112)
-
#ffce84
#ffce84
rgb(255,206,132)
-
#ffd697
#ffd697
rgb(255,214,151)
-
#ffdeab
#ffdeab
rgb(255,222,171)
-
#ffe5bf
#ffe5bf
rgb(255,229,191)
-
#ffedd2
#ffedd2
rgb(255,237,210)
-
#fff5e6
#fff5e6
rgb(255,245,230)
-
#fffdf9
#fffdf9
rgb(255,253,249)
Tones of #ab6700
A tone is produced by adding gray to any pure hue. In this case, #5c574f is the less saturated color, while #ab6700 is the most saturated one.
-
#5c574f
#5c574f
rgb(92,87,79)
-
#635848
#635848
rgb(99,88,72)
-
#695a42
#695a42
rgb(105,90,66)
-
#705b3b
#705b3b
rgb(112,91,59)
-
#765c35
#765c35
rgb(118,92,53)
-
#7d5e2e
#7d5e2e
rgb(125,94,46)
-
#845f27
#845f27
rgb(132,95,39)
-
#8a6021
#8a6021
rgb(138,96,33)
-
#91621a
#91621a
rgb(145,98,26)
-
#976314
#976314
rgb(151,99,20)
-
#9e640d
#9e640d
rgb(158,100,13)
-
#a46607
#a46607
rgb(164,102,7)
-
#ab6700
#ab6700
rgb(171,103,0)
Color Blindness Simulator
Below, you can see how #ab6700 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.