#fccc58
Hex Color CodeThe hexadecimal color code #fccc58
is a medium light shade of yellow. In the RGB color model #fccc58
is comprised of 98.82% red, 80% green and 34.51% blue. In the HSL color space #fccc58
has a hue of 42.44 degrees, 96.47% saturation and 66.67% lightness. This color has an approximate wavelength of 593 nm. Caparol 1361 is a matching paint color.
#fccc58
Color InformationInverted
#0333a7 25% Saturated
#ffcd55 Grayscale
#aaaaaa
rgb(252, 204, 88)
rgba(252, 204, 88, 1.0)
red: 61.1224%, yellow: 98.8235%, blue: 34.5098%
#fccc58
16567384
-209832 / 0xfffccc58
hsl(42, 96%, 67%)
hsla(42, 96%, 67%, 1.0)
hue: 42 (42.439), saturation: 65 (65.0794), value: 99 (98.8235)
X: 63.4992, Y: 64.5858, Z: 18.352
x: 0.4336, y: 0.441, Y: 64.5858
L: 84.2698, a: 4.9016, b: 62.4021
L: 84.2698, u: 39.1693, v: 72.5712
L: 84.2698, C: 62.5943, H: 85.5087
L: 80.3653, a: 0.3994, b: 42.7163
cyan: 0 (0), magenta: 19 (0.1905), yellow: 65 (0.6508), key: 1 (0.0118)
cyan: 1 (0.0118), magenta: 20 (0.2), yellow: 65 (0.6549)
Y: 205.128, I: 65.8609, Q: -25.9418
Y: 205.128, U: -57.6362, V: 41.1212
Y: 205.128, Db: -176.228, Dr: -89.156
Y: 192.204, Cb: 69.972, Cr: 157.308
Y: 205.872, Pb: -63.52, Pr: 29.336
2.5Y 8/10 approximate; exact match: Munsell 2.5Y 8/10 / #f9c14a
#fccc58
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#fccc58
to White#fccc58
to Black#fccc58
foreground
<p style="color: #fccc58; background-color: #000">#fccc58 foreground</p>
#fccc58
background
<p style="background-color: #fccc58">#fccc58 background</p>
#fccc58
border
<p style="border: #fccc58 3px solid">#fccc58 border</p>
#fccc58
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #fccc58, #fff); background: -webkit-radial-gradient(50% 50%, #fccc58, #fff); background: -o-radial-gradient(50% 50%, #fccc58, #fff); background: -ms-radial-gradient(50% 50%, #fccc58, #fff); background: radial-gradient(50% 50%, #fccc58, #fff)">#fccc58 radial gradient</p>
#fccc58
linear gradient to complementary #5887fc
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #fccc58, #5887fc); background: -webkit-linear-gradient(top, #fccc58, #5887fc); background: -o-linear-gradient(top, #fccc58, #5887fc); background: -ms-linear-gradient(top, #fccc58, #5887fc); background: linear-gradient(top, #fccc58, #5887fc); color: #000">
#fccc58
linear gradient to complementary #5887fc
</p>
#fccc58
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #fccc58">#fccc58 text shadow</p>
The matching paint colors are listed in order of relevancy to the #fccc58
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #fccc58
.
Jump to paint brand: