orangewarmCSS named color
Orange #FFA500
A bright warm orange; energetic and highly visible.
Use cases: CTAs · Energy brands
Color values
| Format | Value | |
|---|---|---|
| HEX | #FFA500 | |
| RGB | rgb(255, 165, 0) | |
| HSL | hsl(39, 100%, 50%) | |
| HSV | hsv(39, 100%, 100%) | |
| CMYK | cmyk(0%, 35.3%, 100%, 0%) | |
| XYZ | xyz(54.6999, 48.1758, 6.4181) | |
| CIE-LAB | lab(74.9, 23.9, 79.0) | |
| Luminance | 0.482 (WCAG relative) |
/* Orange */
color: #ffa500;
background-color: #ffa500;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#e69500 #cc8400 #b37400 #996300 #805300 #664200 #4d3200 #332100 #1a1100 #000000
Tints (toward white)
#ffae1a #ffb733 #ffc04d #ffc966 #ffd280 #ffdb99 #ffe4b3 #ffedcc #fff6e6 #ffffff
Tones (toward gray)
#f2a10d #e69e1a #d99a26 #cc9633 #c09340 #b38f4d #a68b5a #998766 #8d8473 #808080
Color harmonies
Complementary
Edit in generator →#FFA500
#005AFF
#ffa500 #005aff
Analogous
Edit in generator →#FF2600
#FFA500
#D9FF00
#ff2600 #ffa500 #d9ff00
Triadic
Edit in generator →#FFA500
#00FFA5
#A500FF
#ffa500 #00ffa5 #a500ff
Tetradic
Edit in generator →#FFA500
#00FF26
#005AFF
#FF00D9
#ffa500 #00ff26 #005aff #ff00d9
Split Complementary
Edit in generator →#FFA500
#00D9FF
#2600FF
#ffa500 #00d9ff #2600ff
Monochromatic
Edit in generator →#855600
#C27D00
#FFA500
#FFBB3D
#FFD07A
#855600 #c27d00 #ffa500 #ffbb3d #ffd07a
Accessibility & contrast
1.97
#FFA500 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
10.63
#FFA500 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on orange
10.63
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Honey #EB9605 | 4.62 | |
| Amber #FFBF00 | 9.26 | |
| Tangerine #F28500 | 9.98 | |
| Mustard #DBB42C | 12.81 | |
| Caramel #C68E4E | 13.53 | |
| Bronze #CD7F32 | 14.37 |
Related colors
Palettes with orange
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.