orange Color Codes
Color Preview
Orange Color Codes
Related Colors
Complementary
#005aff
Analogous
hsl(69, 100%, 50%)
hsl(9, 100%, 50%)
Triadic
hsl(159, 100%, 50%)
hsl(279, 100%, 50%)
Tetradic
hsl(129, 100%, 50%)
hsl(219, 100%, 50%)
hsl(309, 100%, 50%)
HTML Snippets
.element { background-color: #FFA500; }.element { color: #FFA500; }This is how the text color would appear.
<span style="color: #FFA500;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black10.63 (AA)
White1.97 (Fail)
Shades of Orange
hsl(39, 100%, 20%)
hsl(39, 100%, 35%)
#FFA500
hsl(39, 100%, 65%)
hsl(39, 100%, 80%)
Color Blindness Simulations
Protanopia (Red-Blind)
#d8d73e
Deuteranopia (Green-Blind)
#dde44d
Tritanopia (Blue-Blind)
#fbccd0
Related Palettes
About orange
orange (#FFA500) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.