#ffa707 Color Information
In a RGB color space, hex #ffa707 is composed of 100% red, 65.5% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.5% magenta, 97.3% yellow and 0% black. It has a hue angle of 38.7 degrees, a saturation of 100% and a lightness of 51.4%. #ffa707 color hex could be obtained by blending #ffff0e with #ff4f00. Closest websafe color is: #ff9900.
-
- R 100
- G 65
- B 3
-
- C 0
- M 35
- Y 97
- K 0
● #ffa707 color description : Vivid orange.
#ffa707 Color Conversion
The hexadecimal color #ffa707 has RGB values of R:255, G:167, B:7 and CMYK values of C:0, M:0.35, Y:0.97, K:0. Its decimal value is 16754439.
Hex triplet | ffa707 | #ffa707 |
---|---|---|
RGB Decimal | 255, 167, 7 | rgb(255,167,7) |
RGB Percent | 100, 65.5, 2.7 | rgb(100%,65.5%,2.7%) |
CMYK | 0, 35, 97, 0 | |
HSL | 38.7°, 100, 51.4 | hsl(38.7,100%,51.4%) |
HSV (or HSB) | 38.7°, 97.3, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 75.4, 22.942, 78.465 |
---|---|
XYZ | 55.099, 48.917, 6.741 |
xyY | 0.497, 0.442, 48.917 |
CIE-LCH | 75.4, 81.75, 73.702 |
CIE-LUV | 75.4, 73.087, 74.304 |
Hunter-Lab | 69.941, 18.225, 43.244 |
Binary | 11111111, 10100111, 00000111 |
Color Schemes with #ffa707
Alternatives to #ffa707
Below, you can see some colors close to #ffa707. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa707 Preview
This text has a font color of #ffa707.
<span style="color:#ffa707;">Text here</span>
This paragraph has a background color of #ffa707.
<p style="background-color:#ffa707;">Content here</p>
This element has a border color of #ffa707.
<div style="border:1px solid #ffa707;">Content here</div>
.text {color:#ffa707;}
.background {background-color:#ffa707;}
.border {border:1px solid #ffa707;}
Shades and Tints of #ffa707
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, #070500 is the darkest color, while #fffbf2 is the lightest one.
-
#070500
#070500
rgb(7,5,0)
-
#1b1100
#1b1100
rgb(27,17,0)
-
#2e1e00
#2e1e00
rgb(46,30,0)
-
#422a00
#422a00
rgb(66,42,0)
-
#553700
#553700
rgb(85,55,0)
-
#694400
#694400
rgb(105,68,0)
-
#7d5000
#7d5000
rgb(125,80,0)
-
#905d00
#905d00
rgb(144,93,0)
-
#a46a00
#a46a00
rgb(164,106,0)
-
#b87600
#b87600
rgb(184,118,0)
-
#cb8300
#cb8300
rgb(203,131,0)
-
#df9000
#df9000
rgb(223,144,0)
-
#f29c00
#f29c00
rgb(242,156,0)
-
#ffa707
#ffa707
rgb(255,167,7)
-
#ffae1b
#ffae1b
rgb(255,174,27)
-
#ffb52e
#ffb52e
rgb(255,181,46)
-
#ffbc42
#ffbc42
rgb(255,188,66)
-
#ffc355
#ffc355
rgb(255,195,85)
-
#ffca69
#ffca69
rgb(255,202,105)
-
#ffd17d
#ffd17d
rgb(255,209,125)
-
#ffd890
#ffd890
rgb(255,216,144)
-
#ffdfa4
#ffdfa4
rgb(255,223,164)
-
#ffe6b8
#ffe6b8
rgb(255,230,184)
-
#ffedcb
#ffedcb
rgb(255,237,203)
-
#fff4df
#fff4df
rgb(255,244,223)
-
#fffbf2
#fffbf2
rgb(255,251,242)
Tones of #ffa707
A tone is produced by adding gray to any pure hue. In this case, #8d8679 is the less saturated color, while #ffa707 is the most saturated one.
-
#8d8679
#8d8679
rgb(141,134,121)
-
#968970
#968970
rgb(150,137,112)
-
#a08b66
#a08b66
rgb(160,139,102)
-
#a98e5d
#a98e5d
rgb(169,142,93)
-
#b39153
#b39153
rgb(179,145,83)
-
#bc944a
#bc944a
rgb(188,148,74)
-
#c69640
#c69640
rgb(198,150,64)
-
#cf9937
#cf9937
rgb(207,153,55)
-
#d99c2d
#d99c2d
rgb(217,156,45)
-
#e29f24
#e29f24
rgb(226,159,36)
-
#eca11a
#eca11a
rgb(236,161,26)
-
#f5a411
#f5a411
rgb(245,164,17)
-
#ffa707
#ffa707
rgb(255,167,7)
Color Blindness Simulator
Below, you can see how #ffa707 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.