#fcc315 Color Information
In a RGB color space, hex #fcc315 is composed of 98.8% red, 76.5% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.6% magenta, 91.7% yellow and 1.2% black. It has a hue angle of 45.2 degrees, a saturation of 97.5% and a lightness of 53.5%. #fcc315 color hex could be obtained by blending #ffff2a with #f98700. Closest websafe color is: #ffcc00.
-
- R 99
- G 76
- B 8
-
- C 0
- M 23
- Y 92
- K 1
● #fcc315 color description : Vivid yellow.
#fcc315 Color Conversion
The hexadecimal color #fcc315 has RGB values of R:252, G:195, B:21 and CMYK values of C:0, M:0.23, Y:0.92, K:0.01. Its decimal value is 16565013.
Hex triplet | fcc315 | #fcc315 |
---|---|---|
RGB Decimal | 252, 195, 21 | rgb(252,195,21) |
RGB Percent | 98.8, 76.5, 8.2 | rgb(98.8%,76.5%,8.2%) |
CMYK | 0, 23, 92, 1 | |
HSL | 45.2°, 97.5, 53.5 | hsl(45.2,97.5%,53.5%) |
HSV (or HSB) | 45.2°, 91.7, 98.8 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.72, 7.225, 81.042 |
---|---|
XYZ | 59.797, 59.783, 9.099 |
xyY | 0.465, 0.465, 59.783 |
CIE-LCH | 81.72, 81.364, 84.905 |
CIE-LUV | 81.72, 48.099, 83.447 |
Hunter-Lab | 77.319, 2.737, 47.146 |
Binary | 11111100, 11000011, 00010101 |
Color Schemes with #fcc315
Alternatives to #fcc315
Below, you can see some colors close to #fcc315. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fcc315 Preview
This text has a font color of #fcc315.
<span style="color:#fcc315;">Text here</span>
This paragraph has a background color of #fcc315.
<p style="background-color:#fcc315;">Content here</p>
This element has a border color of #fcc315.
<div style="border:1px solid #fcc315;">Content here</div>
.text {color:#fcc315;}
.background {background-color:#fcc315;}
.border {border:1px solid #fcc315;}
Shades and Tints of #fcc315
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, #120d00 is the darkest color, while #fffffd is the lightest one.
-
#120d00
#120d00
rgb(18,13,0)
-
#251c00
#251c00
rgb(37,28,0)
-
#392b01
#392b01
rgb(57,43,1)
-
#4c3901
#4c3901
rgb(76,57,1)
-
#5f4801
#5f4801
rgb(95,72,1)
-
#735701
#735701
rgb(115,87,1)
-
#866502
#866502
rgb(134,101,2)
-
#997402
#997402
rgb(153,116,2)
-
#ad8302
#ad8302
rgb(173,131,2)
-
#c09102
#c09102
rgb(192,145,2)
-
#d3a003
#d3a003
rgb(211,160,3)
-
#e7af03
#e7af03
rgb(231,175,3)
-
#fabd03
#fabd03
rgb(250,189,3)
-
#fcc315
#fcc315
rgb(252,195,21)
-
#fcc828
#fcc828
rgb(252,200,40)
-
#fccd3c
#fccd3c
rgb(252,205,60)
-
#fdd24f
#fdd24f
rgb(253,210,79)
-
#fdd762
#fdd762
rgb(253,215,98)
-
#fddc76
#fddc76
rgb(253,220,118)
-
#fde189
#fde189
rgb(253,225,137)
-
#fee69d
#fee69d
rgb(254,230,157)
-
#feebb0
#feebb0
rgb(254,235,176)
-
#fef0c3
#fef0c3
rgb(254,240,195)
-
#fef5d7
#fef5d7
rgb(254,245,215)
-
#fffaea
#fffaea
rgb(255,250,234)
-
#fffffd
#fffffd
rgb(255,255,253)
Tones of #fcc315
A tone is produced by adding gray to any pure hue. In this case, #8f8c82 is the less saturated color, while #fcc315 is the most saturated one.
-
#8f8c82
#8f8c82
rgb(143,140,130)
-
#989079
#989079
rgb(152,144,121)
-
#a19570
#a19570
rgb(161,149,112)
-
#aa9967
#aa9967
rgb(170,153,103)
-
#b39e5e
#b39e5e
rgb(179,158,94)
-
#bca355
#bca355
rgb(188,163,85)
-
#c5a74c
#c5a74c
rgb(197,167,76)
-
#ceac43
#ceac43
rgb(206,172,67)
-
#d8b139
#d8b139
rgb(216,177,57)
-
#e1b530
#e1b530
rgb(225,181,48)
-
#eaba27
#eaba27
rgb(234,186,39)
-
#f3be1e
#f3be1e
rgb(243,190,30)
-
#fcc315
#fcc315
rgb(252,195,21)
Color Blindness Simulator
Below, you can see how #fcc315 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.