yellowwarmCC0 survey name

Light Beige #FFFEB6

Light Beige is a light, vivid warm color (#FFFEB6; HSL 59° 100% 86%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “light beige”.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows

Color values

FormatValue
HEX#FFFEB6
RGBrgb(255, 254, 182)
HSLhsl(59, 100%, 86%)
HSVhsv(59, 29%, 100%)
OKLCHoklch(98.12% 0.091 107.3)
OKLaboklab(98.12% -0.027 0.0867)
CMYKcmyk(0%, 0.4%, 28.6%, 0%)
XYZxyz(85.1257, 95.5224, 58.2002)
CIE-LABlab(98.2, -10.5, 34.7)
CIE-LCHlch(98.2, 36.2, 106.8°)
Luminance0.955 (WCAG relative)
/* Light Beige */ --light-beige: #fffeb6; color: #fffeb6; background-color: #fffeb6;

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

Collections: Citrus 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)

#e2e1a2 #c6c68f #abaa7c #919069 #777657 #5e5e46 #474635 #313025 #1c1b16 #000000

Tints (toward white)

#fffebd #fffec5 #fffecc #fffed3 #fffedb #ffffe2 #ffffe9 #fffff0 #fffff8 #ffffff

Tones (toward gray)

#fffebd #fffdc4 #fefdcb #fefcd1 #fefcd8 #fdfbdf #fcfbe6 #fcfbec #fbfaf3 #fafafa

Color harmonies

Complementary

Edit in generator →
#FFFEB6
#B6B7FF
#fffeb6 #b6b7ff

Analogous

Edit in generator →
#FFD9B6
#FFFEB6
#DBFFB6
#ffd9b6 #fffeb6 #dbffb6

Triadic

Edit in generator →
#FFFEB6
#B6FFFE
#FEB6FF
#fffeb6 #b6fffe #feb6ff

Tetradic

Edit in generator →
#FFFEB6
#B6FFD9
#B6B7FF
#FFB6DB
#fffeb6 #b6ffd9 #b6b7ff #ffb6db

Square

Edit in generator →
#FFFEB6
#B6FFD9
#B6B7FF
#FFB6DB
#fffeb6 #b6ffd9 #b6b7ff #ffb6db

Split Complementary

Edit in generator →
#FFFEB6
#B6DBFF
#D9B6FF
#fffeb6 #b6dbff #d9b6ff

Monochromatic

Edit in generator →
#FFFC3C
#FFFD79
#FFFEB6
#FFFFE0
#FFFFE0
#fffc3c #fffd79 #fffeb6 #ffffe0 #ffffe0

Accessibility & contrast

1.04
#FFFEB6 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
20.10
#FFFEB6 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on light beige

20.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)
#FFF8B1
Deuteranopia (green-blind)
#FFFBB9
Tritanopia (blue-blind)
#FFF5EB

Closest named colors

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

ColorNameΔE₀₀
Creme #FFFFB60.35
Parchment #FEFCAF1.07
Egg Shell #FFFCC43.26
Buff #FEF69E3.81
Ecru #FEFFCA4.01
Light Tan #FBEEAC4.52

Colors that go with light beige

Top matches by hue harmony, contrast and saturation compatibility.

Dark Olive #373E02
10.8:1
Same hue family as light beige (Δh 8°) — guaranteed harmony
Dark Brown #341C02
15.3:1
Analogous hue (Δh ≈28°) — neighbors on the color wheel
7.5:1
Triadic harmony (Δh ≈119°) — balanced three-way contrast
Navy Blue #1B2A4A
13.6:1
Split-complementary angle (Δh ≈162°) — strong but softer than direct complement
Night Blue #040348
18.1:1
Complementary hue (Δh ≈178°) — 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.