Nazwany kolor · #FFFFE5
La Luna
La Luna to #FFFFE5: rgb(255 255 229), hsl(60 100% 95%), oklch(0.993 0.034 107). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · La Luna color name →
#FFFFE5
oklch(0.993 0.034 107)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFFFE8
- FFFFEA
- FFFFED
- FFFFF0
- FFFFF2
- FFFFF5
- FFFFF7
- FFFFFA
- FFFFFC
Odcienie ciemniejsze
- DEDEC7
- BEBEAA
- 9E9E8E
- 808072
- 636358
- 48483F
- 2E2E28
- 161612
- 030303
Tony
- F2F2DA
- E4E4D0
- D7D7C6
- CACABB
- BDBEB1
- B1B1A7
- A4A49D
- 989893
- 8C8C8A
Harmonie kolorów
Komplementarna +180°
- FFFFE5
La Luna
- FDFCFF
≈ Pale Grey
Analogowa -30° +30°
- FFFFE5
La Luna
- FFFCF9
≈ Eyeball
- F9FFF7
≈ Touch of Mint
Triada +120° +240°
- FFFFE5
La Luna
- FAFDFF
≈ Pale Grey
- FFFCFD
≈ Flawed White
Komplementarna rozszczepiona +150° +210°
- FFFFE5
La Luna
- FBFDFF
≈ Pale Grey
- FEFCFF
≈ Pale Grey
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.01:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 20.68:1 · APCA Lc 107
Najlepszy kolor tekstu: #000000
WCAG 20.68:1 (AAA) · APCA Lc 107
Contrast pairs
Fragmenty kodu
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);
}