#fcc318 Color Information
In a RGB color space, hex #fcc318 is composed of 98.8% red, 76.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.6% magenta, 90.5% yellow and 1.2% black. It has a hue angle of 45 degrees, a saturation of 97.4% and a lightness of 54.1%. #fcc318 color hex could be obtained by blending #ffff30 with #f98700. Closest websafe color is: #ffcc00.
-
- R 99
- G 76
- B 9
-
- C 0
- M 23
- Y 90
- K 1
● #fcc318 color description : Vivid orange.
#fcc318 Color Conversion
The hexadecimal color #fcc318 has RGB values of R:252, G:195, B:24 and CMYK values of C:0, M:0.23, Y:0.9, K:0.01. Its decimal value is 16565016.
Hex triplet | fcc318 | #fcc318 |
---|---|---|
RGB Decimal | 252, 195, 24 | rgb(252,195,24) |
RGB Percent | 98.8, 76.5, 9.4 | rgb(98.8%,76.5%,9.4%) |
CMYK | 0, 23, 90, 1 | |
HSL | 45°, 97.4, 54.1 | hsl(45,97.4%,54.1%) |
HSV (or HSB) | 45°, 90.5, 98.8 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.727, 7.268, 80.559 |
---|---|
XYZ | 59.826, 59.795, 9.255 |
xyY | 0.464, 0.464, 59.795 |
CIE-LCH | 81.727, 80.886, 84.845 |
CIE-LUV | 81.727, 48.053, 83.171 |
Hunter-Lab | 77.327, 2.779, 47.033 |
Binary | 11111100, 11000011, 00011000 |
Color Schemes with #fcc318
Alternatives to #fcc318
Below, you can see some colors close to #fcc318. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fcc318 Preview
This text has a font color of #fcc318.
<span style="color:#fcc318;">Text here</span>
This paragraph has a background color of #fcc318.
<p style="background-color:#fcc318;">Content here</p>
This element has a border color of #fcc318.
<div style="border:1px solid #fcc318;">Content here</div>
.text {color:#fcc318;}
.background {background-color:#fcc318;}
.border {border:1px solid #fcc318;}
Shades and Tints of #fcc318
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, #010100 is the darkest color, while #fffaed is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#151000
#151000
rgb(21,16,0)
-
#281e01
#281e01
rgb(40,30,1)
-
#3b2d01
#3b2d01
rgb(59,45,1)
-
#4f3b01
#4f3b01
rgb(79,59,1)
-
#624a01
#624a01
rgb(98,74,1)
-
#765902
#765902
rgb(118,89,2)
-
#896702
#896702
rgb(137,103,2)
-
#9c7602
#9c7602
rgb(156,118,2)
-
#b08402
#b08402
rgb(176,132,2)
-
#c39303
#c39303
rgb(195,147,3)
-
#d6a103
#d6a103
rgb(214,161,3)
-
#eab003
#eab003
rgb(234,176,3)
-
#fcbe05
#fcbe05
rgb(252,190,5)
-
#fcc318
#fcc318
rgb(252,195,24)
-
#fcc82b
#fcc82b
rgb(252,200,43)
-
#fdcd3f
#fdcd3f
rgb(253,205,63)
-
#fdd252
#fdd252
rgb(253,210,82)
-
#fdd765
#fdd765
rgb(253,215,101)
-
#fddc79
#fddc79
rgb(253,220,121)
-
#fee18c
#fee18c
rgb(254,225,140)
-
#fee6a0
#fee6a0
rgb(254,230,160)
-
#feebb3
#feebb3
rgb(254,235,179)
-
#fef0c6
#fef0c6
rgb(254,240,198)
-
#fff5da
#fff5da
rgb(255,245,218)
-
#fffaed
#fffaed
rgb(255,250,237)
Tones of #fcc318
A tone is produced by adding gray to any pure hue. In this case, #908d84 is the less saturated color, while #fcc318 is the most saturated one.
-
#908d84
#908d84
rgb(144,141,132)
-
#99927b
#99927b
rgb(153,146,123)
-
#a29672
#a29672
rgb(162,150,114)
-
#ab9b69
#ab9b69
rgb(171,155,105)
-
#b49f60
#b49f60
rgb(180,159,96)
-
#bda457
#bda457
rgb(189,164,87)
-
#c6a84e
#c6a84e
rgb(198,168,78)
-
#cfad45
#cfad45
rgb(207,173,69)
-
#d8b13c
#d8b13c
rgb(216,177,60)
-
#e1b633
#e1b633
rgb(225,182,51)
-
#eaba2a
#eaba2a
rgb(234,186,42)
-
#f3bf21
#f3bf21
rgb(243,191,33)
-
#fcc318
#fcc318
rgb(252,195,24)
Color Blindness Simulator
Below, you can see how #fcc318 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.