yellowwarmCC0 survey name

Dark Cream #FFF39A

Dark Cream is a light, vivid warm color (#FFF39A; HSL 53° 100% 80%). Name from the public-domain xkcd color survey (CC0), where it was contributed as “dark cream”.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows · Golds

Color values

FormatValue
HEX#FFF39A
RGBrgb(255, 243, 154)
HSLhsl(53, 100%, 80%)
HSVhsv(53, 40%, 100%)
OKLCHoklch(95.43% 0.11 101.6)
OKLaboklab(95.43% -0.0222 0.1082)
CMYKcmyk(0%, 4.7%, 39.6%, 0%)
XYZxyz(79.1248, 87.6965, 43.3246)
CIE-LABlab(95.0, -8.2, 44.3)
CIE-LCHlch(95.0, 45.1, 100.5°)
Luminance0.877 (WCAG relative)
/* Dark Cream */ --dark-cream: #fff39a; color: #fff39a; background-color: #fff39a;

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

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)

#e2d889 #c7bd79 #aba36a #918a5a #77724b #5f5a3d #47442f #312e21 #1c1b14 #000000

Tints (toward white)

#fff4a4 #fff5af #fff6b9 #fff8c3 #fff9cd #fffad7 #fffbe1 #fffceb #fffef5 #ffffff

Tones (toward gray)

#fef3a3 #fdf2ac #fcf2b5 #fbf2bd #faf2c6 #f8f1cf #f7f1d7 #f5f1e0 #f3f1e8 #f1f1f1

Color harmonies

Complementary

Edit in generator →
#FFF39A
#9AA6FF
#fff39a #9aa6ff

Analogous

Edit in generator →
#FFC09A
#FFF39A
#D9FF9A
#ffc09a #fff39a #d9ff9a

Triadic

Edit in generator →
#FFF39A
#9AFFF3
#F39AFF
#fff39a #9afff3 #f39aff

Tetradic

Edit in generator →
#FFF39A
#9AFFC0
#9AA6FF
#FF9AD9
#fff39a #9affc0 #9aa6ff #ff9ad9

Square

Edit in generator →
#FFF39A
#9AFFC0
#9AA6FF
#FF9AD9
#fff39a #9affc0 #9aa6ff #ff9ad9

Split Complementary

Edit in generator →
#FFF39A
#9AD9FF
#C09AFF
#fff39a #9ad9ff #c09aff

Monochromatic

Edit in generator →
#FFE420
#FFEC5D
#FFF39A
#FFFAD7
#FFFBE0
#ffe420 #ffec5d #fff39a #fffad7 #fffbe0

Accessibility & contrast

1.13
#FFF39A on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
18.54
#FFF39A on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on dark cream

18.54
#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)
#FFEE93
Deuteranopia (green-blind)
#FFF39E
Tritanopia (blue-blind)
#FFE8DD

Closest named colors

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

ColorNameΔE₀₀
Buff #FEF69E1.20
Khaki (CSS) #F0E68C2.92
Parchment #FEFCAF3.81
Light Tan #FBEEAC4.15
Manilla #FFFA864.24
Light Beige #FFFEB64.75

Colors that go with dark cream

Top matches by hue harmony, contrast and saturation compatibility.

Green Brown #544E03
7.5:1
Same hue family as dark cream (Δh 3°) — guaranteed harmony
Forest Green #2D5A27
7.1:1
Text-safe contrast with the anchor (7.12:1, passes WCAG AA)
Deep Purple #36013F
15.0:1
Triadic harmony (Δh ≈122°) — balanced three-way contrast
Prussian Blue #004577
8.8:1
Split-complementary angle (Δh ≈152°) — strong but softer than direct complement
Dark Navy #000435
17.4:1
Complementary hue (Δh ≈177°) — 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.