HTML named color
Orange color code
Use the Orange HTML color with HEX #FFA500, RGB 255,165,0 and HSL 39,100%,50%. Copy CSS examples, shades and accessible contrast combinations.
Oranges
#FFA500
rgb(255,165,0)
HEX
#FFA500RGB
rgb(255,165,0)HSL
hsl(39,100%,50%)OKLCH
oklch(79.3% 0.171 70.7)CSS name
orangeHow to use this color
Orange can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-orange {
color: #FFA500;
}
.bg-orange {
background-color: orange;
}
.border-orange {
border-color: rgb(255,165,0);
}Shades palette
#332100#744C02#B77906#F4A20B#F4BA4E#F6D392#FAECD1