#ffcc61
Hex Color CodeThe hexadecimal color code #ffcc61
is a medium light shade of yellow. In the RGB color model #ffcc61
is comprised of 100% red, 80% green and 38.04% blue. In the HSL color space #ffcc61
has a hue of 40.63 degrees, 100% saturation and 69.02% lightness. This color has an approximate wavelength of 594 nm. Vista Paint Burnished Sun, Berger Burnished Sun / 7919, Asian Paints Burnished Sun / 7919 and Scib Paints Burnished Sun / 7919 are matching paint colors.
#ffcc61
Color InformationInverted
#00339e 25% Saturated
#ffcc61 Grayscale
#b0b0b0
rgb(255, 204, 97)
rgba(255, 204, 97, 1.0)
red: 67.5719%, yellow: 100%, blue: 38.0392%
#ffcc61
16764001
-13215 / 0xffffcc61
hsl(41, 100%, 69%)
hsla(41, 100%, 69%, 1.0)
hue: 41 (40.6329), saturation: 62 (61.9608), value: 100 (100)
X: 64.9905, Y: 65.3088, Z: 20.4897
x: 0.431, y: 0.4331, Y: 65.3088
L: 84.6426, a: 6.6902, b: 58.9118
L: 84.6426, u: 40.9198, v: 69.3944
L: 84.6426, C: 59.2905, H: 83.5211
L: 80.8139, a: 2.1255, b: 41.5372
cyan: 0 (0), magenta: 20 (0.2), yellow: 62 (0.6196), key: 0 (0)
cyan: 0 (0), magenta: 20 (0.2), yellow: 62 (0.6196)
Y: 207.051, I: 64.7567, Q: -22.5072
Y: 207.051, U: -54.1536, V: 42.0661
Y: 207.051, Db: -165.581, Dr: -91.202
Y: 193.857, Cb: 73.479, Cr: 157.986
Y: 207.159, Pb: -59.365, Pr: 30.422
2.5Y 8/10 approximate; exact match: Munsell 2.5Y 8/10 / #f9c14a
#ffcc61
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#ffcc61
to White#ffcc61
to Black#ffcc61
foreground
<p style="color: #ffcc61; background-color: #000">#ffcc61 foreground</p>
#ffcc61
background
<p style="background-color: #ffcc61">#ffcc61 background</p>
#ffcc61
border
<p style="border: #ffcc61 3px solid">#ffcc61 border</p>
#ffcc61
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ffcc61, #fff); background: -webkit-radial-gradient(50% 50%, #ffcc61, #fff); background: -o-radial-gradient(50% 50%, #ffcc61, #fff); background: -ms-radial-gradient(50% 50%, #ffcc61, #fff); background: radial-gradient(50% 50%, #ffcc61, #fff)">#ffcc61 radial gradient</p>
#ffcc61
linear gradient to complementary #6193ff
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ffcc61, #6193ff); background: -webkit-linear-gradient(top, #ffcc61, #6193ff); background: -o-linear-gradient(top, #ffcc61, #6193ff); background: -ms-linear-gradient(top, #ffcc61, #6193ff); background: linear-gradient(top, #ffcc61, #6193ff); color: #000">
#ffcc61
linear gradient to complementary #6193ff
</p>
#ffcc61
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ffcc61">#ffcc61 text shadow</p>
The matching paint colors are listed in order of relevancy to the #ffcc61
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 #ffcc61
.
Jump to paint brand: