#fec307 Color Information
In a RGB color space, hex #fec307 is composed of 99.6% red, 76.5% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 97.2% yellow and 0.4% black. It has a hue angle of 45.7 degrees, a saturation of 99.2% and a lightness of 51.2%. #fec307 color hex could be obtained by blending #ffff0e with #fd8700. Closest websafe color is: #ffcc00.
-
- R 100
- G 76
- B 3
-
- C 0
- M 23
- Y 97
- K 0
● #fec307 color description : Vivid yellow.
#fec307 Color Conversion
The hexadecimal color #fec307 has RGB values of R:254, G:195, B:7 and CMYK values of C:0, M:0.23, Y:0.97, K:0. Its decimal value is 16696071.
Hex triplet | fec307 | #fec307 |
---|---|---|
RGB Decimal | 254, 195, 7 | rgb(254,195,7) |
RGB Percent | 99.6, 76.5, 2.7 | rgb(99.6%,76.5%,2.7%) |
CMYK | 0, 23, 97, 0 | |
HSL | 45.7°, 99.2, 51.2 | hsl(45.7,99.2%,51.2%) |
HSV (or HSB) | 45.7°, 97.2, 99.6 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.903, 7.938, 82.912 |
---|---|
XYZ | 60.428, 60.12, 8.623 |
xyY | 0.468, 0.465, 60.12 |
CIE-LCH | 81.903, 83.292, 84.531 |
CIE-LUV | 81.903, 49.813, 84.394 |
Hunter-Lab | 77.537, 3.423, 47.682 |
Binary | 11111110, 11000011, 00000111 |
Color Schemes with #fec307
Alternatives to #fec307
Below, you can see some colors close to #fec307. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fec307 Preview
This text has a font color of #fec307.
<span style="color:#fec307;">Text here</span>
This paragraph has a background color of #fec307.
<p style="background-color:#fec307;">Content here</p>
This element has a border color of #fec307.
<div style="border:1px solid #fec307;">Content here</div>
.text {color:#fec307;}
.background {background-color:#fec307;}
.border {border:1px solid #fec307;}
Shades and Tints of #fec307
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, #060500 is the darkest color, while #fffcf1 is the lightest one.
-
#060500
#060500
rgb(6,5,0)
-
#1a1300
#1a1300
rgb(26,19,0)
-
#2d2200
#2d2200
rgb(45,34,0)
-
#413100
#413100
rgb(65,49,0)
-
#544000
#544000
rgb(84,64,0)
-
#684f00
#684f00
rgb(104,79,0)
-
#7b5e00
#7b5e00
rgb(123,94,0)
-
#8f6d01
#8f6d01
rgb(143,109,1)
-
#a27c01
#a27c01
rgb(162,124,1)
-
#b68b01
#b68b01
rgb(182,139,1)
-
#c99901
#c99901
rgb(201,153,1)
-
#dda801
#dda801
rgb(221,168,1)
-
#f0b701
#f0b701
rgb(240,183,1)
-
#fec307
#fec307
rgb(254,195,7)
-
#fec81b
#fec81b
rgb(254,200,27)
-
#fecc2e
#fecc2e
rgb(254,204,46)
-
#fed142
#fed142
rgb(254,209,66)
-
#fed655
#fed655
rgb(254,214,85)
-
#fedb69
#fedb69
rgb(254,219,105)
-
#fedf7c
#fedf7c
rgb(254,223,124)
-
#ffe490
#ffe490
rgb(255,228,144)
-
#ffe9a3
#ffe9a3
rgb(255,233,163)
-
#ffeeb7
#ffeeb7
rgb(255,238,183)
-
#fff2ca
#fff2ca
rgb(255,242,202)
-
#fff7de
#fff7de
rgb(255,247,222)
-
#fffcf1
#fffcf1
rgb(255,252,241)
Tones of #fec307
A tone is produced by adding gray to any pure hue. In this case, #8b877a is the less saturated color, while #fec307 is the most saturated one.
-
#8b877a
#8b877a
rgb(139,135,122)
-
#958c70
#958c70
rgb(149,140,112)
-
#9e9167
#9e9167
rgb(158,145,103)
-
#a8965d
#a8965d
rgb(168,150,93)
-
#b19b54
#b19b54
rgb(177,155,84)
-
#bba04a
#bba04a
rgb(187,160,74)
-
#c5a540
#c5a540
rgb(197,165,64)
-
#ceaa37
#ceaa37
rgb(206,170,55)
-
#d8af2d
#d8af2d
rgb(216,175,45)
-
#e1b424
#e1b424
rgb(225,180,36)
-
#ebb91a
#ebb91a
rgb(235,185,26)
-
#f4be11
#f4be11
rgb(244,190,17)
-
#fec307
#fec307
rgb(254,195,7)
Color Blindness Simulator
Below, you can see how #fec307 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.