#FFA500 — Orange
Warm and energetic; the classic call-to-action color.
Works with navy and dark teal.
Slightly darker #F97316 is common in modern UI kits.
Values
Hex#FFA500
RGBrgb(255, 165, 0)
HSLhsl(39, 100%, 50%)
CMYK0%, 35%, 100%, 0%
Contrast vs white1.97:1
Contrast vs black10.63:1
Complementary & analogous
Shade & tint ramp
#1A1000
#4C3200
#805200
#B27300
#E69400
#FFAE1A
#FFC04D
#FFD280
#FFE4B2
#FFF6E5
CSS
color: #ffa500;
background-color: #ffa500;
--olpes-ffa500: #ffa500;
color: rgb(255 165 0);
color: hsl(39deg 100% 50%);