orangewarmCC0 survey name

Light Orange #FDAA48

Light Orange is a mid-tone, vivid warm color (#FDAA48; HSL 32° 98% 64%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “light orange”.

Use cases: CTAs · Energy accents

Open in generator →

Families: Oranges · Apricot Colors · Copper Colors

Color values

FormatValue
HEX#FDAA48
RGBrgb(253, 170, 72)
HSLhsl(32, 98%, 64%)
HSVhsv(32, 72%, 99%)
OKLCHoklch(80.24% 0.147 67)
OKLaboklab(80.24% 0.0575 0.1356)
CMYKcmyk(0%, 32.8%, 71.5%, 0.8%)
XYZxyz(56.0566, 50.1051, 12.8486)
CIE-LABlab(76.1, 22.2, 60.8)
CIE-LCHlch(76.1, 64.7, 69.9°)
Luminance0.501 (WCAG relative)
/* Light Orange */ --light-orange: #fdaa48; color: #fdaa48; background-color: #fdaa48;

Source: xkcd color survey name (public domain, CC0). CSS keyword: lightorange.

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)

#e19842 #c5853b #ab7435 #91632e #775228 #5f4222 #48321b #322315 #1d150d #000000

Tints (toward white)

#ffb25b #ffbb6e #ffc380 #ffcb92 #ffd4a4 #ffdcb6 #ffe5c8 #ffeeda #fff6ec #ffffff

Tones (toward gray)

#f8ac55 #f3ae61 #eeaf6d #e8b179 #e2b384 #dcb58f #d5b69b #cdb8a6 #c5bab1 #bcbcbc

Color harmonies

Complementary

Edit in generator →
#FDAA48
#489BFD
#fdaa48 #489bfd

Analogous

Edit in generator →
#FD4F48
#FDAA48
#F6FD48
#fd4f48 #fdaa48 #f6fd48

Triadic

Edit in generator →
#FDAA48
#48FDAA
#AA48FD
#fdaa48 #48fdaa #aa48fd

Tetradic

Edit in generator →
#FDAA48
#48FD4F
#489BFD
#FD48F6
#fdaa48 #48fd4f #489bfd #fd48f6

Square

Edit in generator →
#FDAA48
#48FD4F
#489BFD
#FD48F6
#fdaa48 #48fd4f #489bfd #fd48f6

Split Complementary

Edit in generator →
#FDAA48
#48F6FD
#4F48FD
#fdaa48 #48f6fd #4f48fd

Monochromatic

Edit in generator →
#C86E02
#FC8E0B
#FDAA48
#FEC685
#FEE2C1
#c86e02 #fc8e0b #fdaa48 #fec685 #fee2c1

Accessibility & contrast

1.91
#FDAA48 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
11.02
#FDAA48 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on light orange

11.02
#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)
#C5B03C
Deuteranopia (green-blind)
#D9C34A
Tritanopia (blue-blind)
#FF9695

Closest named colors

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

ColorNameΔE₀₀
Mango #FFA62B2.75
Butterscotch #FDB1472.91
Pale Orange #FFA7563.73
Orange #FFA5004.90
Sandybrown #F4A4605.59
Honey #EB96056.29

Colors that go with light orange

Top matches by hue harmony, contrast and saturation compatibility.

Brick Red #8F1402
4.9:1
Analogous hue (Δh ≈25°) — neighbors on the color wheel
Maroon #800000
5.8:1
Analogous hue (Δh ≈32°) — neighbors on the color wheel
Indigo #4B0082
6.8:1
Triadic harmony (Δh ≈118°) — balanced three-way contrast
Royal #0C1793
7.1:1
Split-complementary angle (Δh ≈157°) — strong but softer than direct complement
Denim #1560BD
3.2:1
Complementary hue (Δh ≈179°) — 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.