命名颜色 · #E4CB6B
Le Bon Dijon
Le Bon Dijon 即 #E4CB6B：rgb(228 203 107)、hsl(48 69% 66%)、oklch(0.844 0.12 95.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Le Bon Dijon color name →
#E4CB6B
oklch(0.844 0.12 95.1)
颜色转换
- HEX
- #e4cb6b
- RGB
- rgb(228 203 107)
- HSL
- hsl(48 69% 66%)
- HWB
- hwb(48 42% 11%)
- OKLCH
- oklch(0.844 0.12 95.1)
- OKLab
- oklab(0.844 -0.011 0.119)
- CIE Lab
- lab(82.36 0.35 50.59)
- LCH
- lch(82.36 50.6 89.6)
- CMYK
- cmyk(0% 11% 53% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E7D07C
- E9D68C
- ECDB9B
- EFE0AA
- F1E6B9
- F4EBC7
- F7F0D5
- F9F5E3
- FCFAF1
深色调
- C6B05C
- A9964E
- 8D7D3F
- 726532
- 584D25
- 3F3718
- 28220D
- 120F04
- 030200
灰色调
- DAC36F
- CFBC73
- C5B476
- BBAD78
- B1A57A
- A79E7C
- 9D967E
- 938F7F
- 89877F
配色和谐
互补色 +180°
- E4CB6B
Le Bon Dijon
- BDC8FF
≈ Light Periwinkle
类似色 -30° +30°
- E4CB6B
Le Bon Dijon
- FFBC7A
≈ Nouveau-Riche
- BADA81
≈ Pastel Lime
三角配色 +120° +240°
- E4CB6B
Le Bon Dijon
- 5DDFFC
≈ Ionized-Air Glow
- FCAEEB
≈ Pink Apotheosis
分裂互补色 +150° +210°
- E4CB6B
Le Bon Dijon
- 9ED2FF
≈ Baby Blue
- DABCFF
≈ Lavender Fragrance
四角配色 +90° +180° +270°
- E4CB6B
Le Bon Dijon
- 5EE5D6
≈ Near Moon
- BDC8FF
≈ Light Periwinkle
- FFB3C4
≈ Soft Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.60:1 · APCA Lc 27
Ag
AAA黑底
WCAG 13.05:1 · APCA Lc 76
最佳文字颜色: #000000
WCAG 13.05:1 (AAA) · APCA Lc 76
Contrast pairs
代码片段
CSS
:root {
--le-bon-dijon: #e4cb6b;
--le-bon-dijon-rgb: 228 203 107;
--le-bon-dijon-oklch: oklch(0.844 0.12 95.1);
}
.element {
color: var(--le-bon-dijon);
background-color: hsl(48 69% 66%);
border-color: oklch(0.844 0.12 95.1);
}Tailwind CSS v4
@theme {
--color-le-bon-dijon: #e4cb6b;
--color-le-bon-dijon-50: #fef6cf;
--color-le-bon-dijon-100: #f3e9bb;
--color-le-bon-dijon-200: #e2d59a;
--color-le-bon-dijon-300: #c8b86e;
--color-le-bon-dijon-400: #b49d42;
--color-le-bon-dijon-500: #9f8400;
--color-le-bon-dijon-600: #867000;
--color-le-bon-dijon-700: #6c5902;
--color-le-bon-dijon-800: #514100;
--color-le-bon-dijon-900: #382d02;
--color-le-bon-dijon-950: #231900;
}SCSS
$le-bon-dijon: #e4cb6b;
$le-bon-dijon-rgb: 228, 203, 107;
$le-bon-dijon-light: mix(#fff, $le-bon-dijon, 20%);
$le-bon-dijon-dark: mix(#000, $le-bon-dijon, 20%);
.element {
color: $le-bon-dijon;
box-shadow: 0 0 0 2px rgba($le-bon-dijon, 0.35);
}