Named color · #FDE2DE
Lady Anne
Lady Anne is #FDE2DE: rgb(253 226 222), hsl(8 89% 93%), oklch(0.934 0.03 27.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Lady Anne color name →
#FDE2DE
oklch(0.934 0.03 27.8)
Color conversions
- HEX
- #fde2de
- RGB
- rgb(253 226 222)
- HSL
- hsl(8 89% 93%)
- HWB
- hwb(8 87% 1%)
- OKLCH
- oklch(0.934 0.03 27.8)
- OKLab
- oklab(0.934 0.027 0.014)
- CIE Lab
- lab(92.04 9.1 5.53)
- LCH
- lch(92.04 10.65 31.3)
- CMYK
- cmyk(0% 11% 12% 1%)
Tints · Shades · Tones
Tints
- FDE5E1
- FEE8E5
- FEEBE8
- FEEEEB
- FEF0EE
- FEF3F2
- FFF6F5
- FFF9F8
- FFFCFC
Shades
- DCC4C1
- BCA8A5
- 9D8C89
- 7F716F
- 625755
- 473E3D
- 2D2726
- 161212
- 030302
Tones
- F0D8D4
- E3CECA
- D6C4C1
- C9BAB7
- BDB0AE
- B0A6A4
- A49C9B
- 989392
- 8C8989
Color harmonies
Complementary +180°
- FDE2DE
Lady Anne
- D3EFF4
≈ Frostproof
Analogous -30° +30°
- FDE2DE
Lady Anne
- FBE1E9
≈ Watermelon Mousse
- FAE5D6
≈ Illuminated
Triadic +120° +240°
- FDE2DE
Lady Anne
- DCEFDE
≈ Vanishing Point
- E0E9FE
≈ Glitter
Split-complementary +150° +210°
- FDE2DE
Lady Anne
- D5F0E9
≈ Green Frosting
- D7EDFB
≈ Ice Castle
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.10:1 · APCA Lc 93
Best text color: #000000
WCAG 17.10:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--lady-anne: #fde2de;
--lady-anne-rgb: 253 226 222;
--lady-anne-oklch: oklch(0.934 0.03 27.8);
}
.element {
color: var(--lady-anne);
background-color: hsl(8 89% 93%);
border-color: oklch(0.934 0.03 27.8);
}Tailwind CSS v4
@theme {
--color-lady-anne: #fde2de;
--color-lady-anne-50: #fef2f0;
--color-lady-anne-100: #f2e4e2;
--color-lady-anne-200: #e1d0cd;
--color-lady-anne-300: #c7b2ae;
--color-lady-anne-400: #b09895;
--color-lady-anne-500: #997f7b;
--color-lady-anne-600: #826c68;
--color-lady-anne-700: #685653;
--color-lady-anne-800: #4c3f3d;
--color-lady-anne-900: #352b2a;
--color-lady-anne-950: #201817;
}SCSS
$lady-anne: #fde2de;
$lady-anne-rgb: 253, 226, 222;
$lady-anne-light: mix(#fff, $lady-anne, 20%);
$lady-anne-dark: mix(#000, $lady-anne, 20%);
.element {
color: $lady-anne;
box-shadow: 0 0 0 2px rgba($lady-anne, 0.35);
}