#ffa600 Color Information
In a RGB color space, hex #ffa600 is composed of 100% red, 65.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.9% magenta, 100% yellow and 0% black. It has a hue angle of 39.1 degrees, a saturation of 100% and a lightness of 50%. #ffa600 color hex could be obtained by blending #ffff00 with #ff4d00. Closest websafe color is: #ff9900.
-
- R 100
- G 65
- B 0
-
- C 0
- M 35
- Y 100
- K 0
● #ffa600 color description : Pure (or mostly pure) orange.
#ffa600 Color Conversion
The hexadecimal color #ffa600 has RGB values of R:255, G:166, B:0 and CMYK values of C:0, M:0.35, Y:1, K:0. Its decimal value is 16754176.
Hex triplet | ffa600 | #ffa600 |
---|---|---|
RGB Decimal | 255, 166, 0 | rgb(255,166,0) |
RGB Percent | 100, 65.1, 0 | rgb(100%,65.1%,0%) |
CMYK | 0, 35, 100, 0 | |
HSL | 39.1°, 100, 50 | hsl(39.1,100%,50%) |
HSV (or HSB) | 39.1°, 100, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 75.162, 23.408, 79.097 |
---|---|
XYZ | 54.878, 48.536, 6.478 |
xyY | 0.499, 0.442, 48.536 |
CIE-LCH | 75.162, 82.488, 73.514 |
CIE-LUV | 75.162, 74.008, 74.351 |
Hunter-Lab | 69.668, 18.686, 43.254 |
Binary | 11111111, 10100110, 00000000 |
Color Schemes with #ffa600
Alternatives to #ffa600
Below, you can see some colors close to #ffa600. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa600 Preview
This text has a font color of #ffa600.
<span style="color:#ffa600;">Text here</span>
This paragraph has a background color of #ffa600.
<p style="background-color:#ffa600;">Content here</p>
This element has a border color of #ffa600.
<div style="border:1px solid #ffa600;">Content here</div>
.text {color:#ffa600;}
.background {background-color:#ffa600;}
.border {border:1px solid #ffa600;}
Shades and Tints of #ffa600
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, #140d00 is the darkest color, while #ffffff is the lightest one.
-
#140d00
#140d00
rgb(20,13,0)
-
#271a00
#271a00
rgb(39,26,0)
-
#3b2600
#3b2600
rgb(59,38,0)
-
#4e3300
#4e3300
rgb(78,51,0)
-
#624000
#624000
rgb(98,64,0)
-
#764d00
#764d00
rgb(118,77,0)
-
#895900
#895900
rgb(137,89,0)
-
#9d6600
#9d6600
rgb(157,102,0)
-
#b17300
#b17300
rgb(177,115,0)
-
#c48000
#c48000
rgb(196,128,0)
-
#d88c00
#d88c00
rgb(216,140,0)
-
#eb9900
#eb9900
rgb(235,153,0)
-
#ffa600
#ffa600
rgb(255,166,0)
-
#ffad14
#ffad14
rgb(255,173,20)
-
#ffb427
#ffb427
rgb(255,180,39)
-
#ffbb3b
#ffbb3b
rgb(255,187,59)
-
#ffc14e
#ffc14e
rgb(255,193,78)
-
#ffc862
#ffc862
rgb(255,200,98)
-
#ffcf76
#ffcf76
rgb(255,207,118)
-
#ffd689
#ffd689
rgb(255,214,137)
-
#ffdd9d
#ffdd9d
rgb(255,221,157)
-
#ffe4b1
#ffe4b1
rgb(255,228,177)
-
#ffeac4
#ffeac4
rgb(255,234,196)
-
#fff1d8
#fff1d8
rgb(255,241,216)
-
#fff8eb
#fff8eb
rgb(255,248,235)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ffa600
A tone is produced by adding gray to any pure hue. In this case, #898276 is the less saturated color, while #ffa600 is the most saturated one.
-
#898276
#898276
rgb(137,130,118)
-
#93856c
#93856c
rgb(147,133,108)
-
#9d8862
#9d8862
rgb(157,136,98)
-
#a78b58
#a78b58
rgb(167,139,88)
-
#b18e4e
#b18e4e
rgb(177,142,78)
-
#ba9145
#ba9145
rgb(186,145,69)
-
#c4943b
#c4943b
rgb(196,148,59)
-
#ce9731
#ce9731
rgb(206,151,49)
-
#d89a27
#d89a27
rgb(216,154,39)
-
#e29d1d
#e29d1d
rgb(226,157,29)
-
#eba014
#eba014
rgb(235,160,20)
-
#f5a30a
#f5a30a
rgb(245,163,10)
-
#ffa600
#ffa600
rgb(255,166,0)
Color Blindness Simulator
Below, you can see how #ffa600 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.