Warna bernama · #F9E0CD
Serious Moonlight
Serious Moonlight adalah #F9E0CD: rgb(249 224 205), hsl(26 79% 89%), oklch(0.922 0.038 59.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Serious Moonlight color name →
#F9E0CD
oklch(0.922 0.038 59.5)
Konversi warna
- HEX
- #f9e0cd
- RGB
- rgb(249 224 205)
- HSL
- hsl(26 79% 89%)
- HWB
- hwb(26 80% 2%)
- OKLCH
- oklch(0.922 0.038 59.5)
- OKLab
- oklab(0.922 0.019 0.032)
- CIE Lab
- lab(90.88 6.68 12.63)
- LCH
- lch(90.88 14.29 62.1)
- CMYK
- cmyk(0% 10% 18% 2%)
Tint · Shade · Tone
Tint
- FAE3D2
- FAE6D7
- FBE9DC
- FCECE1
- FCF0E6
- FDF3EB
- FDF6F0
- FEF9F5
- FEFCFA
Shade
- D9C3B2
- B9A698
- 9A8A7E
- 7D7066
- 61564E
- 463E38
- 2C2723
- 15120F
- 030202
Tone
- ECD6C5
- E0CCBD
- D3C2B5
- C7B9AE
- BBAFA6
- AFA59E
- A39C97
- 97928F
- 8B8987
Harmoni warna
Komplementer +180°
- F9E0CD
Serious Moonlight
- D0E9FC
≈ Veiling Waterfalls
Analog -30° +30°
- F9E0CD
Serious Moonlight
- FEDDD7
≈ Peach Schnapps
- EFE5CA
≈ Banana Milkshake
Triadik +120° +240°
- F9E0CD
Serious Moonlight
- CCEEE6
≈ Whisper of Grass
- E8E0FB
≈ Stoic White
Split-komplementer +150° +210°
- F9E0CD
Serious Moonlight
- CAEDF3
≈ Frosty Day
- DBE5FF
≈ Stoic White
Tetradik +90° +180° +270°
- F9E0CD
Serious Moonlight
- D5EDD8
≈ Silky Mint
- D0E9FC
≈ Veiling Waterfalls
- F4DDF2
≈ Grape Taffy
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.26:1 · APCA Lc 13
Ag
AAADi atas hitam
WCAG 16.57:1 · APCA Lc 91
Warna teks terbaik: #000000
WCAG 16.57:1 (AAA) · APCA Lc 91
Contrast pairs
Cuplikan kode
CSS
:root {
--serious-moonlight: #f9e0cd;
--serious-moonlight-rgb: 249 224 205;
--serious-moonlight-oklch: oklch(0.922 0.038 59.5);
}
.element {
color: var(--serious-moonlight);
background-color: hsl(26 79% 89%);
border-color: oklch(0.922 0.038 59.5);
}Tailwind CSS v4
@theme {
--color-serious-moonlight: #f9e0cd;
--color-serious-moonlight-50: #fdf3eb;
--color-serious-moonlight-100: #f2e5dc;
--color-serious-moonlight-200: #e1d1c4;
--color-serious-moonlight-300: #c6b4a4;
--color-serious-moonlight-400: #b09a89;
--color-serious-moonlight-500: #99816e;
--color-serious-moonlight-600: #826d5d;
--color-serious-moonlight-700: #68574a;
--color-serious-moonlight-800: #4d3f36;
--color-serious-moonlight-900: #352c25;
--color-serious-moonlight-950: #201913;
}SCSS
$serious-moonlight: #f9e0cd;
$serious-moonlight-rgb: 249, 224, 205;
$serious-moonlight-light: mix(#fff, $serious-moonlight, 20%);
$serious-moonlight-dark: mix(#000, $serious-moonlight, 20%);
.element {
color: $serious-moonlight;
box-shadow: 0 0 0 2px rgba($serious-moonlight, 0.35);
}