命名颜色 · #DEE8BE
Kiwi Sorbet
Kiwi Sorbet 即 #DEE8BE：rgb(222 232 190)、hsl(74 48% 83%)、oklch(0.913 0.056 118.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Kiwi Sorbet color name →
#DEE8BE
oklch(0.913 0.056 118.4)
颜色转换
- HEX
- #dee8be
- RGB
- rgb(222 232 190)
- HSL
- hsl(74 48% 83%)
- HWB
- hwb(74 75% 9%)
- OKLCH
- oklch(0.913 0.056 118.4)
- OKLab
- oklab(0.913 -0.027 0.05)
- CIE Lab
- lab(90.42 -8.72 19.34)
- LCH
- lch(90.42 21.21 114.3)
- CMYK
- cmyk(4% 0% 18% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- E1EAC5
- E4EDCB
- E8EFD2
- EBF1D8
- EEF4DF
- F2F6E5
- F5F8EC
- F8FAF2
- FCFDF9
深色调
- C1CAA5
- A5AC8C
- 899075
- 6F745E
- 555948
- 3D4033
- 26291F
- 12130D
- 020302
灰色调
- D4DDB8
- CAD2B2
- C1C8AB
- B7BDA5
- AEB39F
- A4A899
- 9B9E92
- 92948C
- 898A86
配色和谐
互补色 +180°
- DEE8BE
Kiwi Sorbet
- E6DCFF
≈ Contrail
类似色 -30° +30°
- DEE8BE
Kiwi Sorbet
- F2E1B8
≈ Soft Butter
- CAEDCE
≈ Celery Stick
三角配色 +120° +240°
- DEE8BE
Kiwi Sorbet
- C6E8FF
≈ Blue Java Banana
- FFD5E2
≈ Powder Pink
分裂互补色 +150° +210°
- DEE8BE
Kiwi Sorbet
- D6E2FF
≈ Stoic White
- F8D5F5
≈ Jacaranda
四角配色 +90° +180° +270°
- DEE8BE
Kiwi Sorbet
- B7EDF6
≈ Cold Blooded
- E6DCFF
≈ Contrail
- FFD8D2
≈ Tea Party
对比度与无障碍
Ag
Fail白底
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.39:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.39:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--kiwi-sorbet: #dee8be;
--kiwi-sorbet-rgb: 222 232 190;
--kiwi-sorbet-oklch: oklch(0.913 0.056 118.4);
}
.element {
color: var(--kiwi-sorbet);
background-color: hsl(74 48% 83%);
border-color: oklch(0.913 0.056 118.4);
}Tailwind CSS v4
@theme {
--color-kiwi-sorbet: #dee8be;
--color-kiwi-sorbet-50: #f3f8e6;
--color-kiwi-sorbet-100: #e5ebd6;
--color-kiwi-sorbet-200: #d1d8be;
--color-kiwi-sorbet-300: #b3bc9c;
--color-kiwi-sorbet-400: #9ba37e;
--color-kiwi-sorbet-500: #828c61;
--color-kiwi-sorbet-600: #6e7652;
--color-kiwi-sorbet-700: #585f42;
--color-kiwi-sorbet-800: #41452e;
--color-kiwi-sorbet-900: #2d301f;
--color-kiwi-sorbet-950: #1a1c0f;
}SCSS
$kiwi-sorbet: #dee8be;
$kiwi-sorbet-rgb: 222, 232, 190;
$kiwi-sorbet-light: mix(#fff, $kiwi-sorbet, 20%);
$kiwi-sorbet-dark: mix(#000, $kiwi-sorbet, 20%);
.element {
color: $kiwi-sorbet;
box-shadow: 0 0 0 2px rgba($kiwi-sorbet, 0.35);
}