Cornsilk
cornsilk is a CSS color keyword. The closest Tailwind step is yellow-50 (#fefce8).
#fff8dcrgb(255, 248, 220)
- Hex
- #fff8dc
- RGB
- 255, 248, 220
- HSL
- 48°, 100%, 93%
- OKLCH
- 97.7% 0.037 95.4
- LAB
- 97.5 -2.2 14.3
Text contrast
Black or white text on #fff8dc. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.
Color vision
How #fff8dc looks in simulations of color blindness, at full severity.
#fff8dc
#fef6da
#fff9dd
#fff4f0
Tonal scale
An OKLCH ramp that keeps this hue. The marked step is the closest lightness to cornsilk.
Copy into CSS
color: cornsilk;
background: #fff8dc;
@theme {
--color-cornsilk-50: #fdf6da;
--color-cornsilk-100: #efe8cd;
--color-cornsilk-200: #d8d1b6;
--color-cornsilk-300: #bbb59a;
--color-cornsilk-400: #9f997f;
--color-cornsilk-500: #817b62;
--color-cornsilk-600: #676148;
--color-cornsilk-700: #504a33;
--color-cornsilk-800: #3b351f;
--color-cornsilk-900: #27210b;
--color-cornsilk-950: #120d00;
}