Nearest named color · #F0EDE9
#F0EDE9
Nearest named color: Magical Moonlight
#F0EDE9 (rgb(240 237 233), hsl(34 19% 93%), oklch(0.947 0.006 75.4)) is closest to the named color Magical Moonlight. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F0EDE9
oklch(0.947 0.006 75.4)
Color conversions
- HEX
- #f0ede9
- RGB
- rgb(240 237 233)
- HSL
- hsl(34 19% 93%)
- HWB
- hwb(34 91% 6%)
- OKLCH
- oklch(0.947 0.006 75.4)
- OKLab
- oklab(0.947 0.002 0.006)
- CIE Lab
- lab(93.9 0.52 2.32)
- LCH
- lch(93.9 2.37 77.3)
- CMYK
- cmyk(0% 1% 3% 6%)
Tints · Shades · Tones
Tints
- F1EFEB
- F3F1ED
- F4F2F0
- F6F4F2
- F7F6F4
- F9F8F6
- FAFAF8
- FCFBFB
- FDFDFD
Shades
- D1CECB
- B2B0AD
- 959390
- 787774
- 5D5C5A
- 434241
- 2A2A29
- 141413
- 030303
Tones
- E4E2DE
- D9D6D3
- CDCBC8
- C2C0BE
- B6B5B3
- ABAAA9
- A09F9E
- 959594
- 8B8A8A
Color harmonies
Complementary +180°
- F0EDE9
Magical Moonlight
- EBEEF2
≈ Springtime Rain
Analogous -30° +30°
- F0EDE9
Magical Moonlight
- F1ECEA
≈ Charolais Cattle
- EEEEE9
≈ White Mink
Triadic +120° +240°
- F0EDE9
Magical Moonlight
- E9EFEF
≈ Dipped in Cloudy Dreams
- EFECF0
≈ Violet Clues
Split-complementary +150° +210°
- F0EDE9
Magical Moonlight
- E9EEF1
≈ Walls of Santorini
- EDEDF2
≈ Springtime Rain
Tetradic +90° +180° +270°
- F0EDE9
Magical Moonlight
- EAEFEC
≈ Day Spa
- EBEEF2
≈ Springtime Rain
- F1ECEE
≈ Sheikh White
Contrast & accessibility
Ag
FailOn white
WCAG 1.16:1 · APCA Lc 8
Ag
AAAOn black
WCAG 17.99:1 · APCA Lc 96
Best text color: #000000
WCAG 17.99:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--magical-moonlight: #f0ede9;
--magical-moonlight-rgb: 240 237 233;
--magical-moonlight-oklch: oklch(0.947 0.006 75.4);
}
.element {
color: var(--magical-moonlight);
background-color: hsl(34 19% 93%);
border-color: oklch(0.947 0.006 75.4);
}Tailwind CSS v4
@theme {
--color-magical-moonlight: #f0ede9;
--color-magical-moonlight-50: #f6f5f3;
--color-magical-moonlight-100: #e9e7e5;
--color-magical-moonlight-200: #d6d4d1;
--color-magical-moonlight-300: #b9b7b4;
--color-magical-moonlight-400: #a19e9a;
--color-magical-moonlight-500: #898682;
--color-magical-moonlight-600: #74716e;
--color-magical-moonlight-700: #5c5a58;
--color-magical-moonlight-800: #444240;
--color-magical-moonlight-900: #2f2e2c;
--color-magical-moonlight-950: #1b1a19;
}SCSS
$magical-moonlight: #f0ede9;
$magical-moonlight-rgb: 240, 237, 233;
$magical-moonlight-light: mix(#fff, $magical-moonlight, 20%);
$magical-moonlight-dark: mix(#000, $magical-moonlight, 20%);
.element {
color: $magical-moonlight;
box-shadow: 0 0 0 2px rgba($magical-moonlight, 0.35);
}