#ffc707 Color Information
In a RGB color space, hex #ffc707 is composed of 100% red, 78% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 97.3% yellow and 0% black. It has a hue angle of 46.5 degrees, a saturation of 100% and a lightness of 51.4%. #ffc707 color hex could be obtained by blending #ffff0e with #ff8f00. Closest websafe color is: #ffcc00.
-
- R 100
- G 78
- B 3
-
- C 0
- M 22
- Y 97
- K 0
● #ffc707 color description : Vivid yellow.
#ffc707 Color Conversion
The hexadecimal color #ffc707 has RGB values of R:255, G:199, B:7 and CMYK values of C:0, M:0.22, Y:0.97, K:0. Its decimal value is 16762631.
Hex triplet | ffc707 | #ffc707 |
---|---|---|
RGB Decimal | 255, 199, 7 | rgb(255,199,7) |
RGB Percent | 100, 78, 2.7 | rgb(100%,78%,2.7%) |
CMYK | 0, 22, 97, 0 | |
HSL | 46.5°, 100, 51.4 | hsl(46.5,100%,51.4%) |
HSV (or HSB) | 46.5°, 97.3, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 82.98, 6.3, 83.72 |
---|---|
XYZ | 61.703, 62.125, 8.943 |
xyY | 0.465, 0.468, 62.125 |
CIE-LCH | 82.98, 83.956, 85.697 |
CIE-LUV | 82.98, 47.502, 85.876 |
Hunter-Lab | 78.82, 1.802, 48.447 |
Binary | 11111111, 11000111, 00000111 |
Color Schemes with #ffc707
Alternatives to #ffc707
Below, you can see some colors close to #ffc707. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc707 Preview
This text has a font color of #ffc707.
<span style="color:#ffc707;">Text here</span>
This paragraph has a background color of #ffc707.
<p style="background-color:#ffc707;">Content here</p>
This element has a border color of #ffc707.
<div style="border:1px solid #ffc707;">Content here</div>
.text {color:#ffc707;}
.background {background-color:#ffc707;}
.border {border:1px solid #ffc707;}
Shades and Tints of #ffc707
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 #fffcf2 is the lightest one.
-
#070500
#070500
rgb(7,5,0)
-
#1b1500
#1b1500
rgb(27,21,0)
-
#2e2400
#2e2400
rgb(46,36,0)
-
#423300
#423300
rgb(66,51,0)
-
#554200
#554200
rgb(85,66,0)
-
#695100
#695100
rgb(105,81,0)
-
#7d6100
#7d6100
rgb(125,97,0)
-
#907000
#907000
rgb(144,112,0)
-
#a47f00
#a47f00
rgb(164,127,0)
-
#b88e00
#b88e00
rgb(184,142,0)
-
#cb9d00
#cb9d00
rgb(203,157,0)
-
#dfac00
#dfac00
rgb(223,172,0)
-
#f2bc00
#f2bc00
rgb(242,188,0)
-
#ffc707
#ffc707
rgb(255,199,7)
-
#ffcb1b
#ffcb1b
rgb(255,203,27)
-
#ffd02e
#ffd02e
rgb(255,208,46)
-
#ffd442
#ffd442
rgb(255,212,66)
-
#ffd955
#ffd955
rgb(255,217,85)
-
#ffdd69
#ffdd69
rgb(255,221,105)
-
#ffe27d
#ffe27d
rgb(255,226,125)
-
#ffe690
#ffe690
rgb(255,230,144)
-
#ffeaa4
#ffeaa4
rgb(255,234,164)
-
#ffefb8
#ffefb8
rgb(255,239,184)
-
#fff3cb
#fff3cb
rgb(255,243,203)
-
#fff8df
#fff8df
rgb(255,248,223)
-
#fffcf2
#fffcf2
rgb(255,252,242)
Tones of #ffc707
A tone is produced by adding gray to any pure hue. In this case, #8d8879 is the less saturated color, while #ffc707 is the most saturated one.
-
#8d8879
#8d8879
rgb(141,136,121)
-
#968d70
#968d70
rgb(150,141,112)
-
#a09366
#a09366
rgb(160,147,102)
-
#a9985d
#a9985d
rgb(169,152,93)
-
#b39d53
#b39d53
rgb(179,157,83)
-
#bca24a
#bca24a
rgb(188,162,74)
-
#c6a840
#c6a840
rgb(198,168,64)
-
#cfad37
#cfad37
rgb(207,173,55)
-
#d9b22d
#d9b22d
rgb(217,178,45)
-
#e2b724
#e2b724
rgb(226,183,36)
-
#ecbd1a
#ecbd1a
rgb(236,189,26)
-
#f5c211
#f5c211
rgb(245,194,17)
-
#ffc707
#ffc707
rgb(255,199,7)
Color Blindness Simulator
Below, you can see how #ffc707 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.