Oldlace
oldlace is a CSS color keyword. The closest Tailwind step is amber-50 (#fffbeb).
#fdf5e6rgb(253, 245, 230)
- Hex
- #fdf5e6
- RGB
- 253, 245, 230
- HSL
- 39°, 85%, 95%
- OKLCH
- 97.2% 0.022 83.3
- LAB
- 96.8 0.2 8.2
Text contrast
Black or white text on #fdf5e6. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.
Color vision
How #fdf5e6 looks in simulations of color blindness, at full severity.
#fdf5e6
#f9f5e5
#fbf7e6
#fff2f1
Tonal scale
An OKLCH ramp that keeps this hue. The marked step is the closest lightness to oldlace.
Copy into CSS
color: oldlace;
background: #fdf5e6;
@theme {
--color-oldlace-50: #fcf4e5;
--color-oldlace-100: #efe7d8;
--color-oldlace-200: #d8d0c1;
--color-oldlace-300: #bbb3a5;
--color-oldlace-400: #9f978a;
--color-oldlace-500: #81796c;
--color-oldlace-600: #666053;
--color-oldlace-700: #504a3d;
--color-oldlace-800: #3b3529;
--color-oldlace-900: #272116;
--color-oldlace-950: #120c04;
}