#FFA500 color codes
- HEX
- #FFA500
- HEX8
- #FFA500FF
- HEX8 (Android)
- #FFFFA500
- RGB
- rgb(255, 165, 0)
- RGB (%)
- 100%, 65%, 0%
- HSL
- hsl(39, 100%, 50%)
- HSV / HSB
- hsv(39, 100%, 100%)
- CMYK
- cmyk(0%, 35%, 100%, 0%)
- OKLCH
- oklch(0.7927 0.171 70.67)
- OKLCH (%)
- oklch(79.27% 0.171 70.67)
- Decimal
- 16753920
What color is #FFA500?
#FFA500 sits at 79% lightness and 0.171 chroma in OKLCH, hue 70.67°. Its nearest named color is Orange (an exact match).
Shades and tints of #FFA500
Tints
Shades
Tones
#FFA500 color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #FFA500 in CSS
.text { color: #FFA500; }
.background { background-color: #FFA500; }
.border { border: 2px solid #FFA500; }
/* Modern, perceptually uniform */
.text { color: oklch(0.7927 0.171 70.67); }
/* #FFA500 at 50% transparency */
.overlay { background-color: #FFA50080; }Is #FFA500 accessible?
#FFA500 on white text scores 1.97:1; on black text it scores 10.63:1. Black text passes WCAG AAA on #FFA500. Recommended text color on a #FFA500 background: black.
A 10.63:1 vs black
A 1.97:1 vs white
- AA normal ≥ 4.5 Pass
- AA large ≥ 3 Pass
- AAA normal ≥ 7 Pass
- AAA large ≥ 4.5 Pass
Recommended text color: black
CSS
contrast-color() contrast-color(#FFA500) → black APCA Lc experimental 66.2 Lc · large / secondary text (black text)
WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.
Related colors
See more in the orange family on the colors hub.
Frequently asked questions
- What color is #FFA500?
- #FFA500 is Orange. In RGB it is rgb(255, 165, 0), and in HSL hsl(39, 100%, 50%).
- What is #FFA500 in RGB?
- #FFA500 converts to rgb(255, 165, 0) — red 255, green 165, blue 0.
- What text color is readable on #FFA500?
- Black text — it has the higher contrast ratio (10.63:1) against #FFA500. Black text passes WCAG AAA on #FFA500.