(#ffd700) Color Hex
(#ffd700) rgb(255, 215, 0)
Color spaces of (#ffd700)
RGB | 255 | 215 | 0 |
---|
HSL | 0.14 | 1.00 | 0.50 |
---|
HSV | 51 | 100 | 100 |
---|
CMYK | 0.00 | 0.16 | 1.00 0.00 |
---|
XYZ | 65.5404 | 69.8609 | 10.0301 |
---|
Yxy | 0.4507 | 0.4804 |
---|
Hunter Lab | 83.5828 | -6.3014 | 51.3930 |
---|
CIE-Lab | 86.9286 | -1.9242 | 87.1372 |
---|
Base Numbers
Base | Red | Green | Blue |
---|
Binary | 11111111 | 11010111 | 00000000 |
---|
Octal | 377 | 327 | 0 |
---|
Decimal | 255 | 215 | 0 |
---|
Hex | FF | D7 | 00 |
---|
Shades of (#ffd700)
Copied!
HEX RGB Tints of (#ffd700)
Copied!
HEX RGB RGB Percentages of Color (#ffd700)
CMYK Percentages of Color (#ffd700)
Analogous Colors of (#ffd700)
Copied!
HEX RGB Triadic Colors of (#ffd700) separated with 120° angle
Copied!
HEX RGB Tetradic Colors of (#ffd700) separated with 90° angle
Copied!
HEX RGB Monochromatic Colors of (#ffd700)
Copied!
HEX RGB Complementary Color
Copied!
HEX RGB Pastel variations
Copied!
HEX RGB Soft variations
Copied!
HEX RGB Light variations
Copied!
HEX RGB Hard variations
Copied!
HEX RGB Pale variations
Copied!
HEX RGB (#ffd700) Color Preview on Black Background
This is (#ffd700) on a black background
(#ffd700) Color Preview on White Background
This is (#ffd700) on a white background
(#ffd700) Color CSS Codes
.bckColor {background-color:#ff0000; }
.forColor {color:#ff0000; }
.bordercolor {border:3px solid #ff0000; }
(#ffd700) Text Font Color
This is a sample text written with the (#ffd700) color.
This is a strong text written with the (#ffd700) as well.
(#ffd700) Background Color
<div style="background-color: (#ffd700)">
Text on the (#ffd700) color
</div>
(#ffd700) Border Color
<div style="border:3px solid #ff0000">
Div here
</div>
Css3 Examples
Text Shadow with RGB Values
.rgbShadow {
text-shadow: 4px 4px 2px rgba(255,0,0, 0.8); }
.hexShadow {
text-shadow: 4px 4px 2px #ff0000; }
.divShadow {
-moz-box-shadow: 1px 1px 3px 2px #ff0000;
-webkit-box-shadow: 1px 1px 3px 2px #ff0000;
box-shadow: 1px 1px 3px 2px #ff0000; }
Text Shadow with Hex Values
<p style="text-shadow: 4px 4px 2px rgb(255, 215, 0);">Text here</p>
This is a text with rgb(255, 215, 0) as a shadow color.
Div Box Shadow
<div style="-moz-box-shadow: 1px 1px 3px 2px #ffd700;
-webkit-box-shadow: 1px 1px 3px 2px #ffd700;
box-shadow: 1px 1px 3px 2px #ffd700;">
Div content here
</div>
An html Div with text shadow using #ffd700 color hex code
Related palettes
Copied!
Sophisticated And Luxurious
Copied!
VA PMDB - BRANDING PALETTE
Copied!
Rich jewel tones for clothing #2
Copied!
Vibrant and Bright Color Palette
Copied!
Professional Touch -Real Estate Professionalism
Copied!
Passionate Vibe -Real Estate Passion
Copied!
Classic and Elegant Color Palette
Copied!
Luxurious and Contemporary Color Palette
Copied!
Cosmic and Elemental Pt 2
Copied!
Mystical and Enigmatic P1
Copied!
Wedding - Rustic elegrnce
Copied!
Wes Anderson Instagram secondary
Copied!
Colors of the baroque period
Copied!
Jester - Yellow and Energetic reds
Copied!
From Sunrise to Sunset Warm Tones
Copied!
Playful Cartoon Rebellion
Copied!
Classic golden buttons actions
Copied!
Renaissance Color Palette
Copied!
Game Satisfactory Floors Warms
Copied!
DES3 sun and half dasma logo inspi
Copied!
5 shades of yellow bridge
Copied!
1 of 2 accent wall for new room
Copied!
Metals for bead selection
Copied!
AvocadoesHavePitifulColors
Copied!
Lupus or Catus Halloween 2
Copied!
My fav colours - Deep colours
Copied!
Gold could be brown or yellow
Copied!
Agate and Pearls Reimagined
Copied!
Starry Night by Vincent Van Gogh
Copied!
Summertime Colour Palette
Copied!
Strategic Success Tools 1
Copied!
The girl walking by on Dream Street
Copied!
TF2 Item Qualities Stock - Strange
Copied!
Weather Python project part 1
Copied!
My Wedding Colors for October