neutralwarm

Cream #FFFDD0

A pale warm off-white. Pairs with earthy browns and muted tones for a vintage or cozy feel.

Use cases: Vintage palettes · Cosmetics

Open in generator →Colors that go with Cream →

Families: Yellows

Color values

FormatValue
HEX#FFFDD0
RGBrgb(255, 253, 208)
HSLhsl(57, 100%, 91%)
HSVhsv(57, 18%, 100%)
OKLCHoklch(98.44% 0.058 105.3)
OKLaboklab(98.44% -0.0153 0.0559)
CMYKcmyk(0%, 0.8%, 18.4%, 0%)
XYZxyz(87.7498, 96.0656, 73.5821)
CIE-LABlab(98.5, -6.5, 21.8)
CIE-LCHlch(98.5, 22.8, 106.6°)
Luminance0.961 (WCAG relative)
/* Cream */ --cream: #fffdd0; color: #fffdd0; background-color: #fffdd0;

Source: Tintiva editorial record

Collections: Cream Colors · 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)

#e2e1b9 #c6c5a2 #abaa8d #918f77 #777663 #5e5e4f #47463b #303029 #1c1b18 #000000

Tints (toward white)

#fffdd5 #fffdd9 #fffede #fffee3 #fffee8 #fffeec #fffef1 #fffff6 #fffffa #ffffff

Tones (toward gray)

#fffdd4 #fefcd9 #fefcdd #fefce1 #fdfce5 #fdfbea #fcfbee #fcfbf2 #fbfbf6 #fbfbfb

Color harmonies

Complementary

Edit in generator →
#FFFDD0
#D0D2FF
#fffdd0 #d0d2ff

Analogous

Edit in generator →
#FFE5D0
#FFFDD0
#E9FFD0
#ffe5d0 #fffdd0 #e9ffd0

Triadic

Edit in generator →
#FFFDD0
#D0FFFD
#FDD0FF
#fffdd0 #d0fffd #fdd0ff

Tetradic

Edit in generator →
#FFFDD0
#D0FFE5
#D0D2FF
#FFD0E9
#fffdd0 #d0ffe5 #d0d2ff #ffd0e9

Square

Edit in generator →
#FFFDD0
#D0FFE5
#D0D2FF
#FFD0E9
#fffdd0 #d0ffe5 #d0d2ff #ffd0e9

Split Complementary

Edit in generator →
#FFFDD0
#D0E9FF
#E5D0FF
#fffdd0 #d0e9ff #e5d0ff

Monochromatic

Edit in generator →
#FFF856
#FFFA93
#FFFDD0
#FFFEE0
#FFFEE0
#fff856 #fffa93 #fffdd0 #fffee0 #fffee0

Accessibility & contrast

1.04
#FFFDD0 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
20.21
#FFFDD0 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on Cream

20.21
#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)
#FFF9CD
Deuteranopia (green-blind)
#FFFCD2
Tritanopia (blue-blind)
#FFF7F1

Closest named colors

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

ColorNameΔE₀₀
Lemonchiffon #FFFACD1.14
Lightgoldenrodyellow #FAFAD21.55
Pale #FFF9D01.91
Ecru #FEFFCA2.13
Egg Shell #FFFCC42.61
Lightyellow #FFFFE03.89

Combinations with Cream

Palettes with Cream

Colors that go with Cream

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

Dark Olive #373E02
10.9:1
Same hue family as cream (Δh 10°) — guaranteed harmony
Espresso #4B382A
10.7:1
Analogous hue (Δh ≈32°) — neighbors on the color wheel
7.5:1
Triadic harmony (Δh ≈121°) — balanced three-way contrast
Charcoal #36454F
9.5:1
Split-complementary angle (Δh ≈147°) — strong but softer than direct complement
Navy Blue #1B2A4A
13.7:1
Complementary hue (Δh ≈163°) — 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.

Cream Color — #FFFDD0 — Tintiva