命名颜色 · #FFEEBB
Gnocchi Beige
Gnocchi Beige 即 #FFEEBB：rgb(255 238 187)、hsl(45 100% 87%)、oklch(0.95 0.068 91.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Gnocchi Beige color name →
#FFEEBB
oklch(0.95 0.068 91.8)
颜色转换
- HEX
- #ffeebb
- RGB
- rgb(255 238 187)
- HSL
- hsl(45 100% 87%)
- HWB
- hwb(45 73% 0%)
- OKLCH
- oklch(0.95 0.068 91.8)
- OKLab
- oklab(0.95 -0.002 0.068)
- CIE Lab
- lab(94.55 0.35 26.98)
- LCH
- lch(94.55 26.98 89.3)
- CMYK
- cmyk(0% 7% 27% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFF0C2
- FFF2C9
- FFF3D0
- FFF5D7
- FFF7DE
- FFF8E4
- FFFAEB
- FFFCF2
- FFFDF8
深色调
- DECFA2
- BEB18A
- 9E9373
- 80775C
- 635C46
- 484232
- 2E2A1F
- 16140D
- 030302
灰色调
- F2E3B5
- E4D7AF
- D7CCAA
- CAC1A4
- BEB69E
- B1AB98
- A4A092
- 98958C
- 8C8A86
配色和谐
互补色 +180°
- FFEEBB
Gnocchi Beige
- E9EEFF
≈ Brilliant White
类似色 -30° +30°
- FFEEBB
Gnocchi Beige
- FFEADA
≈ Flowerbed
- E7F7C4
≈ Snow Flurry
三角配色 +120° +240°
- FFEEBB
Gnocchi Beige
- D0F7FF
≈ Vaporised
- FFE6FA
≈ Bunny Tail
分裂互补色 +150° +210°
- FFEEBB
Gnocchi Beige
- E0F1FF
≈ Wizard White
- F2EBFF
≈ Placebo Purple
四角配色 +90° +180° +270°
- FFEEBB
Gnocchi Beige
- BCFEF2
≈ Summer Cloud
- E9EEFF
≈ Brilliant White
- FFE8ED
≈ Rose Mochi
对比度与无障碍
Ag
Fail白底
WCAG 1.15:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.19:1 · APCA Lc 97
最佳文字颜色: #000000
WCAG 18.19:1 (AAA) · APCA Lc 97
Contrast pairs
代码片段
CSS
:root {
--gnocchi-beige: #ffeebb;
--gnocchi-beige-rgb: 255 238 187;
--gnocchi-beige-oklch: oklch(0.95 0.068 91.8);
}
.element {
color: var(--gnocchi-beige);
background-color: hsl(45 100% 87%);
border-color: oklch(0.95 0.068 91.8);
}Tailwind CSS v4
@theme {
--color-gnocchi-beige: #ffeebb;
--color-gnocchi-beige-50: #fbf5e0;
--color-gnocchi-beige-100: #efe8cf;
--color-gnocchi-beige-200: #ded4b4;
--color-gnocchi-beige-300: #c3b790;
--color-gnocchi-beige-400: #ad9e70;
--color-gnocchi-beige-500: #968550;
--color-gnocchi-beige-600: #7f7144;
--color-gnocchi-beige-700: #665a36;
--color-gnocchi-beige-800: #4c4126;
--color-gnocchi-beige-900: #342d19;
--color-gnocchi-beige-950: #201a0a;
}SCSS
$gnocchi-beige: #ffeebb;
$gnocchi-beige-rgb: 255, 238, 187;
$gnocchi-beige-light: mix(#fff, $gnocchi-beige, 20%);
$gnocchi-beige-dark: mix(#000, $gnocchi-beige, 20%);
.element {
color: $gnocchi-beige;
box-shadow: 0 0 0 2px rgba($gnocchi-beige, 0.35);
}