#fcc348 Color Information
In a RGB color space, hex #fcc348 is composed of 98.8% red, 76.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.6% magenta, 71.4% yellow and 1.2% black. It has a hue angle of 41 degrees, a saturation of 96.8% and a lightness of 63.5%. #fcc348 color hex could be obtained by blending #ffff90 with #f98700. Closest websafe color is: #ffcc33.
-
- R 99
- G 76
- B 28
-
- C 0
- M 23
- Y 71
- K 1
● #fcc348 color description : Bright orange.
#fcc348 Color Conversion
The hexadecimal color #fcc348 has RGB values of R:252, G:195, B:72 and CMYK values of C:0, M:0.23, Y:0.71, K:0.01. Its decimal value is 16565064.
Hex triplet | fcc348 | #fcc348 |
---|---|---|
RGB Decimal | 252, 195, 72 | rgb(252,195,72) |
RGB Percent | 98.8, 76.5, 28.2 | rgb(98.8%,76.5%,28.2%) |
CMYK | 0, 23, 71, 1 | |
HSL | 41°, 96.8, 63.5 | hsl(41,96.8%,63.5%) |
HSV (or HSB) | 41°, 71.4, 98.8 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.945, 8.712, 66.63 |
---|---|
XYZ | 60.831, 60.197, 14.546 |
xyY | 0.449, 0.444, 60.197 |
CIE-LCH | 81.945, 67.197, 82.551 |
CIE-LUV | 81.945, 46.544, 73.978 |
Hunter-Lab | 77.586, 4.174, 43.195 |
Binary | 11111100, 11000011, 01001000 |
Color Schemes with #fcc348
Alternatives to #fcc348
Below, you can see some colors close to #fcc348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fcc348 Preview
This text has a font color of #fcc348.
<span style="color:#fcc348;">Text here</span>
This paragraph has a background color of #fcc348.
<p style="background-color:#fcc348;">Content here</p>
This element has a border color of #fcc348.
<div style="border:1px solid #fcc348;">Content here</div>
.text {color:#fcc348;}
.background {background-color:#fcc348;}
.border {border:1px solid #fcc348;}
Shades and Tints of #fcc348
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, #0a0700 is the darkest color, while #fffcf6 is the lightest one.
-
#0a0700
#0a0700
rgb(10,7,0)
-
#1d1400
#1d1400
rgb(29,20,0)
-
#312101
#312101
rgb(49,33,1)
-
#442f01
#442f01
rgb(68,47,1)
-
#573c01
#573c01
rgb(87,60,1)
-
#6a4902
#6a4902
rgb(106,73,2)
-
#7e5702
#7e5702
rgb(126,87,2)
-
#916402
#916402
rgb(145,100,2)
-
#a47103
#a47103
rgb(164,113,3)
-
#b87e03
#b87e03
rgb(184,126,3)
-
#cb8c03
#cb8c03
rgb(203,140,3)
-
#de9904
#de9904
rgb(222,153,4)
-
#f2a604
#f2a604
rgb(242,166,4)
-
#fbb00e
#fbb00e
rgb(251,176,14)
-
#fbb621
#fbb621
rgb(251,182,33)
-
#fcbd35
#fcbd35
rgb(252,189,53)
-
#fcc348
#fcc348
rgb(252,195,72)
-
#fcc95b
#fcc95b
rgb(252,201,91)
-
#fdd06f
#fdd06f
rgb(253,208,111)
-
#fdd682
#fdd682
rgb(253,214,130)
-
#fddc95
#fddc95
rgb(253,220,149)
-
#fee3a8
#fee3a8
rgb(254,227,168)
-
#fee9bc
#fee9bc
rgb(254,233,188)
-
#feefcf
#feefcf
rgb(254,239,207)
-
#fff6e2
#fff6e2
rgb(255,246,226)
-
#fffcf6
#fffcf6
rgb(255,252,246)
Tones of #fcc348
A tone is produced by adding gray to any pure hue. In this case, #a6a49e is the less saturated color, while #fcc348 is the most saturated one.
-
#a6a49e
#a6a49e
rgb(166,164,158)
-
#ada697
#ada697
rgb(173,166,151)
-
#b4a990
#b4a990
rgb(180,169,144)
-
#bcab88
#bcab88
rgb(188,171,136)
-
#c3ae81
#c3ae81
rgb(195,174,129)
-
#cab17a
#cab17a
rgb(202,177,122)
-
#d1b373
#d1b373
rgb(209,179,115)
-
#d8b66c
#d8b66c
rgb(216,182,108)
-
#dfb965
#dfb965
rgb(223,185,101)
-
#e7bb5d
#e7bb5d
rgb(231,187,93)
-
#eebe56
#eebe56
rgb(238,190,86)
-
#f5c04f
#f5c04f
rgb(245,192,79)
-
#fcc348
#fcc348
rgb(252,195,72)
Color Blindness Simulator
Below, you can see how #fcc348 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.