命名颜色 · #FDDFA0
La Luna Amarilla
La Luna Amarilla 即 #FDDFA0：rgb(253 223 160)、hsl(41 96% 81%)、oklch(0.914 0.086 85.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · La Luna Amarilla color name →
#FDDFA0
oklch(0.914 0.086 85.3)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- FDE2AA
- FEE6B4
- FEE9BE
- FEECC7
- FEEFD1
- FEF3DA
- FFF6E3
- FFF9ED
- FFFCF6
深色调
- DCC28B
- BCA576
- 9D8A61
- 7F6F4E
- 62563B
- 473D29
- 2D2719
- 161209
- 030201
灰色调
- F0D59D
- E3CB9B
- D6C298
- C9B895
- BDAF91
- B0A58E
- A49C8B
- 989287
- 8C8984
配色和谐
互补色 +180°
- FDDFA0
La Luna Amarilla
- D5E3FF
≈ Stoic White
类似色 -30° +30°
- FDDFA0
La Luna Amarilla
- FFDAC2
≈ Whispering Peach
- E0EAA8
≈ High Hopes
三角配色 +120° +240°
- FDDFA0
La Luna Amarilla
- 9BF4FE
≈ Waterspout
- FED2FF
≈ Pink Diamond
分裂互补色 +150° +210°
- FDDFA0
La Luna Amarilla
- C4E9FF
≈ Blue Java Banana
- E4DDFF
≈ Contrail
四角配色 +90° +180° +270°
- FDDFA0
La Luna Amarilla
- A4F6E0
≈ Mintie
- D5E3FF
≈ Stoic White
- FFD6E4
≈ Powder Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.29:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.23:1 · APCA Lc 89
最佳文字颜色: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
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);
}