Nazwany kolor · #FDDFA0
La Luna Amarilla
La Luna Amarilla to #FDDFA0: rgb(253 223 160), hsl(41 96% 81%), oklch(0.914 0.086 85.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · La Luna Amarilla color name →
#FDDFA0
oklch(0.914 0.086 85.3)
Konwersje koloru
- HEX
- #fddfa0
- RGB
- rgb(253 223 160)
- HSL
- hsl(41 96% 81%)
- HWB
- hwb(41 63% 1%)
- OKLCH
- oklch(0.914 0.086 85.3)
- OKLab
- oklab(0.914 0.007 0.086)
- CIE Lab
- lab(90.27 4.37 34.93)
- LCH
- lch(90.27 35.2 82.9)
- CMYK
- cmyk(0% 12% 37% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FDE2AA
- FEE6B4
- FEE9BE
- FEECC7
- FEEFD1
- FEF3DA
- FFF6E3
- FFF9ED
- FFFCF6
Odcienie ciemniejsze
- DCC28B
- BCA576
- 9D8A61
- 7F6F4E
- 62563B
- 473D29
- 2D2719
- 161209
- 030201
Tony
- F0D59D
- E3CB9B
- D6C298
- C9B895
- BDAF91
- B0A58E
- A49C8B
- 989287
- 8C8984
Harmonie kolorów
Komplementarna +180°
- FDDFA0
La Luna Amarilla
- D5E3FF
≈ Stoic White
Analogowa -30° +30°
- FDDFA0
La Luna Amarilla
- FFDAC2
≈ Whispering Peach
- E0EAA8
≈ High Hopes
Triada +120° +240°
- FDDFA0
La Luna Amarilla
- 9BF4FE
≈ Waterspout
- FED2FF
≈ Pink Diamond
Komplementarna rozszczepiona +150° +210°
- FDDFA0
La Luna Amarilla
- C4E9FF
≈ Blue Java Banana
- E4DDFF
≈ Contrail
Tetrada +90° +180° +270°
- FDDFA0
La Luna Amarilla
- A4F6E0
≈ Mintie
- D5E3FF
≈ Stoic White
- FFD6E4
≈ Powder Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.29:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.23:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--la-luna-amarilla: #fddfa0;
--la-luna-amarilla-rgb: 253 223 160;
--la-luna-amarilla-oklch: oklch(0.914 0.086 85.3);
}
.element {
color: var(--la-luna-amarilla);
background-color: hsl(41 96% 81%);
border-color: oklch(0.914 0.086 85.3);
}Tailwind CSS v4
@theme {
--color-la-luna-amarilla: #fddfa0;
--color-la-luna-amarilla-50: #fff4da;
--color-la-luna-amarilla-100: #f4e7c8;
--color-la-luna-amarilla-200: #e4d3ab;
--color-la-luna-amarilla-300: #cab584;
--color-la-luna-amarilla-400: #b69b61;
--color-la-luna-amarilla-500: #a0823d;
--color-la-luna-amarilla-600: #876e35;
--color-la-luna-amarilla-700: #6d582a;
--color-la-luna-amarilla-800: #51401d;
--color-la-luna-amarilla-900: #382c13;
--color-la-luna-amarilla-950: #231905;
}SCSS
$la-luna-amarilla: #fddfa0;
$la-luna-amarilla-rgb: 253, 223, 160;
$la-luna-amarilla-light: mix(#fff, $la-luna-amarilla, 20%);
$la-luna-amarilla-dark: mix(#000, $la-luna-amarilla, 20%);
.element {
color: $la-luna-amarilla;
box-shadow: 0 0 0 2px rgba($la-luna-amarilla, 0.35);
}