Warna bernama · #FFFFE5
La Luna
La Luna adalah #FFFFE5: rgb(255 255 229), hsl(60 100% 95%), oklch(0.993 0.034 107). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · La Luna color name →
#FFFFE5
oklch(0.993 0.034 107)
Konversi warna
- HEX
- #ffffe5
- RGB
- rgb(255 255 229)
- HSL
- hsl(60 100% 95%)
- HWB
- hwb(60 90% 0%)
- OKLCH
- oklch(0.993 0.034 107)
- OKLab
- oklab(0.993 -0.01 0.032)
- CIE Lab
- lab(99.49 -3.21 12.48)
- LCH
- lch(99.49 12.89 104.4)
- CMYK
- cmyk(0% 0% 10% 0%)
Tint · Shade · Tone
Tint
- FFFFE8
- FFFFEA
- FFFFED
- FFFFF0
- FFFFF2
- FFFFF5
- FFFFF7
- FFFFFA
- FFFFFC
Shade
- DEDEC7
- BEBEAA
- 9E9E8E
- 808072
- 636358
- 48483F
- 2E2E28
- 161612
- 030303
Tone
- F2F2DA
- E4E4D0
- D7D7C6
- CACABB
- BDBEB1
- B1B1A7
- A4A49D
- 989893
- 8C8C8A
Harmoni warna
Komplementer +180°
- FFFFE5
La Luna
- FDFCFF
≈ Pale Grey
Analog -30° +30°
- FFFFE5
La Luna
- FFFCF9
≈ Eyeball
- F9FFF7
≈ Touch of Mint
Triadik +120° +240°
- FFFFE5
La Luna
- FAFDFF
≈ Pale Grey
- FFFCFD
≈ Flawed White
Split-komplementer +150° +210°
- FFFFE5
La Luna
- FBFDFF
≈ Pale Grey
- FEFCFF
≈ Pale Grey
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.01:1 · APCA Lc 0
Ag
AAADi atas hitam
WCAG 20.68:1 · APCA Lc 107
Warna teks terbaik: #000000
WCAG 20.68:1 (AAA) · APCA Lc 107
Contrast pairs
Cuplikan kode
CSS
:root {
--la-luna: #ffffe5;
--la-luna-rgb: 255 255 229;
--la-luna-oklch: oklch(0.993 0.034 107);
}
.element {
color: var(--la-luna);
background-color: hsl(60 100% 95%);
border-color: oklch(0.993 0.034 107);
}Tailwind CSS v4
@theme {
--color-la-luna: #ffffe5;
--color-la-luna-50: #f6f6eb;
--color-la-luna-100: #e8e9dc;
--color-la-luna-200: #d5d6c5;
--color-la-luna-300: #b8b9a6;
--color-la-luna-400: #a0a089;
--color-la-luna-500: #88886e;
--color-la-luna-600: #73735e;
--color-la-luna-700: #5c5c4b;
--color-la-luna-800: #444336;
--color-la-luna-900: #2f2e25;
--color-la-luna-950: #1b1b13;
}SCSS
$la-luna: #ffffe5;
$la-luna-rgb: 255, 255, 229;
$la-luna-light: mix(#fff, $la-luna, 20%);
$la-luna-dark: mix(#000, $la-luna, 20%);
.element {
color: $la-luna;
box-shadow: 0 0 0 2px rgba($la-luna, 0.35);
}