#ffdd00
/ #fd0
Hex Color CodeThe hexadecimal color code #ffdd00
/ #fd0
is a shade of yellow. In the RGB color model #ffdd00
is comprised of 100% red, 86.67% green and 0% blue. In the HSL color space #ffdd00
has a hue of 52 degrees, 100% saturation and 50% lightness. This color has an approximate wavelength of 587 nm. Duron Daisy is a matching paint color.
#ffdd00
Color InformationInverted
#0022ff 25% Saturated
#ffdd00 Grayscale
#7f7f7f
rgb(255, 221, 0)
rgba(255, 221, 0, 1.0)
red: 15.3846%, yellow: 100%, blue: 0%
#ffdd00 / #fd0
16768256
-8960 / 0xffffdd00
hsl(52, 100%, 50%)
hsla(52, 100%, 50%, 1.0)
hue: 52 (52), saturation: 100 (100), value: 100 (100)
X: 67.0965, Y: 72.9729, Z: 10.5488
x: 0.4455, y: 0.4845, Y: 72.9729
L: 88.4348, a: -4.948, b: 88.2032
L: 88.4348, u: 31.1141, v: 94.2905
L: 88.4348, C: 88.3419, H: 93.2108
L: 85.4242, a: -9.2894, b: 52.4754
cyan: 0 (0), magenta: 13 (0.1333), yellow: 100 (1), key: 0 (0)
cyan: 0 (0), magenta: 13 (0.1333), yellow: 100 (1)
Y: 205.972, I: 91.2535, Q: -61.5713
Y: 205.972, U: -101.3562, V: 43.0122
Y: 205.972, Db: -309.893, Dr: -93.279
Y: 192.919, Cb: 25.949, Cr: 158.617
Y: 212.33, Pb: -114.41, Pr: 27.166
7.5Y 9/12 (approximate)
#ffdd00
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#ffdd00
to White#ffdd00
to Black#ffdd00
foreground
<p style="color: #ffdd00; background-color: #000">#ffdd00 foreground</p>
#ffdd00
background
<p style="background-color: #ffdd00">#ffdd00 background</p>
#ffdd00
border
<p style="border: #ffdd00 3px solid">#ffdd00 border</p>
#ffdd00
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #ffdd00, #fff); background: -webkit-radial-gradient(50% 50%, #ffdd00, #fff); background: -o-radial-gradient(50% 50%, #ffdd00, #fff); background: -ms-radial-gradient(50% 50%, #ffdd00, #fff); background: radial-gradient(50% 50%, #ffdd00, #fff)">#ffdd00 radial gradient</p>
#ffdd00
linear gradient to complementary #0021ff
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #ffdd00, #0021ff); background: -webkit-linear-gradient(top, #ffdd00, #0021ff); background: -o-linear-gradient(top, #ffdd00, #0021ff); background: -ms-linear-gradient(top, #ffdd00, #0021ff); background: linear-gradient(top, #ffdd00, #0021ff); color: #000">
#ffdd00
linear gradient to complementary #0021ff
</p>
#ffdd00
text shadow
<p style="font-size: 24px; color: #fff; background-color: #000; text-shadow: 2px 2px 3px #ffdd00">#ffdd00 text shadow</p>
The matching paint colors are listed in order of relevancy to the #ffdd00
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 #ffdd00
.
Jump to paint brand: