Color con nombre · #E4CB6B
Le Bon Dijon
Le Bon Dijon es #E4CB6B: rgb(228 203 107), hsl(48 69% 66%), oklch(0.844 0.12 95.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Le Bon Dijon color name →
#E4CB6B
oklch(0.844 0.12 95.1)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- E7D07C
- E9D68C
- ECDB9B
- EFE0AA
- F1E6B9
- F4EBC7
- F7F0D5
- F9F5E3
- FCFAF1
Sombras
- C6B05C
- A9964E
- 8D7D3F
- 726532
- 584D25
- 3F3718
- 28220D
- 120F04
- 030200
Tonos
- DAC36F
- CFBC73
- C5B476
- BBAD78
- B1A57A
- A79E7C
- 9D967E
- 938F7F
- 89877F
Armonías de color
Complementario +180°
- E4CB6B
Le Bon Dijon
- BDC8FF
≈ Light Periwinkle
Análogo -30° +30°
- E4CB6B
Le Bon Dijon
- FFBC7A
≈ Nouveau-Riche
- BADA81
≈ Pastel Lime
Triádico +120° +240°
- E4CB6B
Le Bon Dijon
- 5DDFFC
≈ Ionized-Air Glow
- FCAEEB
≈ Pink Apotheosis
Complementario dividido +150° +210°
- E4CB6B
Le Bon Dijon
- 9ED2FF
≈ Baby Blue
- DABCFF
≈ Lavender Fragrance
Tetrádico +90° +180° +270°
- E4CB6B
Le Bon Dijon
- 5EE5D6
≈ Near Moon
- BDC8FF
≈ Light Periwinkle
- FFB3C4
≈ Soft Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASobre negro
WCAG 13.05:1 · APCA Lc 76
Mejor color de texto: #000000
WCAG 13.05:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmentos de código
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);
}