命名颜色 · #FFE696
Chilled Lemonade
Chilled Lemonade 即 #FFE696：rgb(255 230 150)、hsl(46 100% 79%)、oklch(0.928 0.103 92.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Chilled Lemonade color name →
#FFE696
oklch(0.928 0.103 92.7)
颜色转换
- HEX
- #ffe696
- RGB
- rgb(255 230 150)
- HSL
- hsl(46 100% 79%)
- HWB
- hwb(46 59% 0%)
- OKLCH
- oklch(0.928 0.103 92.7)
- OKLab
- oklab(0.928 -0.005 0.103)
- CIE Lab
- lab(92.05 1.01 42.21)
- LCH
- lch(92.05 42.22 88.6)
- CMYK
- cmyk(0% 10% 41% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFE9A1
- FFEBAD
- FFEEB7
- FFF0C2
- FFF3CD
- FFF5D7
- FFF8E1
- FFFAEB
- FFFDF5
深色调
- DEC882
- BEAB6E
- 9E8E5B
- 807349
- 635937
- 484026
- 2E2816
- 161308
- 030301
灰色调
- F2DB95
- E4D193
- D7C791
- CABC90
- BEB28D
- B1A88B
- A49E89
- 989486
- 8C8A83
配色和谐
互补色 +180°
- FFE696
Chilled Lemonade
- DFE6FF
≈ Lavender Mist
类似色 -30° +30°
- FFE696
Chilled Lemonade
- FFE1C7
≈ Wild Maple
- DAF3A6
≈ Mint Julep
三角配色 +120° +240°
- FFE696
Chilled Lemonade
- BAF2FF
≈ Northrend
- FFDAF8
≈ Strawberry Frost
分裂互补色 +150° +210°
- FFE696
Chilled Lemonade
- D2EBFF
≈ Veiling Waterfalls
- ECE1FF
≈ Lavender Savour
四角配色 +90° +180° +270°
- FFE696
Chilled Lemonade
- 93FEED
≈ Hello Winter
- DFE6FF
≈ Lavender Mist
- FFDDE5
≈ Fresh Piglet
对比度与无障碍
Ag
Fail白底
WCAG 1.23:1 · APCA Lc 12
Ag
AAA黑底
WCAG 17.01:1 · APCA Lc 92
最佳文字颜色: #000000
WCAG 17.01:1 (AAA) · APCA Lc 92
Contrast pairs
代码片段
CSS
:root {
--chilled-lemonade: #ffe696;
--chilled-lemonade-rgb: 255 230 150;
--chilled-lemonade-oklch: oklch(0.928 0.103 92.7);
}
.element {
color: var(--chilled-lemonade);
background-color: hsl(46 100% 79%);
border-color: oklch(0.928 0.103 92.7);
}Tailwind CSS v4
@theme {
--color-chilled-lemonade: #ffe696;
--color-chilled-lemonade-50: #fef5d5;
--color-chilled-lemonade-100: #f3e8c2;
--color-chilled-lemonade-200: #e2d4a2;
--color-chilled-lemonade-300: #c8b77a;
--color-chilled-lemonade-400: #b49d53;
--color-chilled-lemonade-500: #9e8425;
--color-chilled-lemonade-600: #857022;
--color-chilled-lemonade-700: #6b591b;
--color-chilled-lemonade-800: #504111;
--color-chilled-lemonade-900: #382d0b;
--color-chilled-lemonade-950: #221901;
}SCSS
$chilled-lemonade: #ffe696;
$chilled-lemonade-rgb: 255, 230, 150;
$chilled-lemonade-light: mix(#fff, $chilled-lemonade, 20%);
$chilled-lemonade-dark: mix(#000, $chilled-lemonade, 20%);
.element {
color: $chilled-lemonade;
box-shadow: 0 0 0 2px rgba($chilled-lemonade, 0.35);
}