Mistyrose
mistyrose is a CSS color keyword. The closest Tailwind step is red-100 (#fee2e2).
#ffe4e1rgb(255, 228, 225)
- Hex
- #ffe4e1
- RGB
- 255, 228, 225
- HSL
- 6°, 100%, 94%
- OKLCH
- 94.0% 0.030 25.3
- LAB
- 92.7 8.7 4.8
Text contrast
Black or white text on #ffe4e1. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.
Color vision
How #ffe4e1 looks in simulations of color blindness, at full severity.
#ffe4e1
#e9e7e1
#efece1
#ffe1e3
Tonal scale
An OKLCH ramp that keeps this hue. The marked step is the closest lightness to mistyrose.
Copy into CSS
color: mistyrose;
background: #ffe4e1;
@theme {
--color-mistyrose-50: #fff2f0;
--color-mistyrose-100: #fce1de;
--color-mistyrose-200: #e4cac7;
--color-mistyrose-300: #c7adab;
--color-mistyrose-400: #aa928f;
--color-mistyrose-500: #8b7471;
--color-mistyrose-600: #715a58;
--color-mistyrose-700: #5a4442;
--color-mistyrose-800: #442f2d;
--color-mistyrose-900: #2f1c1a;
--color-mistyrose-950: #180807;
}