orangewarmCSS named color

Orangered #FF4500

Orangered is a medium, highly saturated warm-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: CTAs · Energy accents

Open in generator →Colors that go with orangered →

Families: Oranges · Coral Colors · Rust Colors · Copper Colors

Color values

FormatValue
HEX#FF4500
RGBrgb(255, 69, 0)
HSLhsl(16, 100%, 50%)
HSVhsv(16, 100%, 100%)
OKLCHoklch(66.02% 0.229 35.4)
OKLaboklab(66.02% 0.187 0.1329)
CMYKcmyk(0%, 72.9%, 100%, 0%)
XYZxyz(43.3736, 25.5232, 2.6427)
CIE-LABlab(57.6, 67.8, 69.0)
CIE-LCHlch(57.6, 96.7, 45.5°)
Luminance0.255 (WCAG relative)
/* Orangered */ --orangered: #ff4500; color: #ff4500; background-color: #ff4500;

Source: W3C CSS named color. CSS keyword: orangered.

Collections: Vibrant Colors · Neon Colors · Tropical Colors · Sunset Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#e34005 #c83a0a #ad350c #932f0e #7a290e #62230e #4a1d0c #341609 #200e05 #000000

Tints (toward white)

#ff5d25 #ff723f #ff8556 #ff976d #ffa985 #ffbb9d #ffccb5 #ffddcd #ffeee6 #ffffff

Tones (toward gray)

#f65119 #ed5a29 #e36337 #d96a44 #ce7150 #c3775c #b77c67 #aa8173 #9b867f #8a8a8a

Color harmonies

Complementary

Edit in generator →
#FF4500
#00BAFF
#ff4500 #00baff

Analogous

Edit in generator →
#FF003B
#FF4500
#FFC400
#ff003b #ff4500 #ffc400

Triadic

Edit in generator →
#FF4500
#00FF45
#4500FF
#ff4500 #00ff45 #4500ff

Tetradic

Edit in generator →
#FF4500
#3BFF00
#00BAFF
#C400FF
#ff4500 #3bff00 #00baff #c400ff

Square

Edit in generator →
#FF4500
#3BFF00
#00BAFF
#C400FF
#ff4500 #3bff00 #00baff #c400ff

Split Complementary

Edit in generator →
#FF4500
#00FFC4
#003BFF
#ff4500 #00ffc4 #003bff

Monochromatic

Edit in generator →
#852400
#C23400
#FF4500
#FF723D
#FF9E7A
#852400 #c23400 #ff4500 #ff723d #ff9e7a

Accessibility & contrast

3.44
#FF4500 on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
6.10
#FF4500 on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓

Best text on orangered

6.10
#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. Open the contrast checker →

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.

Normal vision
Protanopia (red-blind)
#807000
Deuteranopia (green-blind)
#AD9900
Tritanopia (blue-blind)
#FF003C

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Blood Orange #FE4B030.94
Red Orange #FD3C061.99
Orange Red #FD411E3.68
Orangish Red #F436053.95
Bright Orange #FF5B004.54
Orangey Red #FA42244.64

Colors that go with orangered

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Warm Beige #E9DCC9
2.5:1
Analogous hue (Δh ≈19°) — neighbors on the color wheel
Gold #FFD700
2.5:1
Analogous hue (Δh ≈34°) — neighbors on the color wheel
Indigo Blue #3A18B1
3.1:1
Triadic harmony (Δh ≈123°) — balanced three-way contrast
Vibrant Blue #0339F8
2.1:1
Split-complementary angle (Δh ≈149°) — strong but softer than direct complement
Charcoal #36454F
2.9:1
Complementary hue (Δh ≈172°) — maximum hue contrast

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.