Couleur nommée · #EBD8B3
Golden Syrup
Golden Syrup correspond à #EBD8B3 : rgb(235 216 179), hsl(40 58% 81%), oklch(0.888 0.053 84). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Golden Syrup color name →
#EBD8B3
oklch(0.888 0.053 84)
Conversions de couleur
- HEX
- #ebd8b3
- RGB
- rgb(235 216 179)
- HSL
- hsl(40 58% 81%)
- HWB
- hwb(40 70% 8%)
- OKLCH
- oklch(0.888 0.053 84)
- OKLab
- oklab(0.888 0.006 0.053)
- CIE Lab
- lab(87.21 2.59 20.82)
- LCH
- lch(87.21 20.99 82.9)
- CMYK
- cmyk(0% 8% 24% 8%)
Teintes · Ombres · Tons
Teintes
- EDDCBB
- EFE0C2
- F1E4CA
- F3E8D1
- F5ECD9
- F7EFE1
- F9F3E8
- FBF7F0
- FDFBF7
Ombres
- CCBC9B
- AEA084
- 91856E
- 756B58
- 5B5343
- 413B2F
- 29251D
- 13110C
- 030201
Tons
- E0CFAE
- D5C6A9
- CABDA4
- BFB49F
- B4AB9A
- A9A295
- 9F9A8F
- 94918A
- 8A8885
Harmonies de couleurs
Complémentaire +180°
- EBD8B3
Golden Syrup
- C9DBFE
≈ Arc Light
Analogue -30° +30°
- EBD8B3
Golden Syrup
- F7D2BA
≈ Canter Peach
- D9DFB7
≈ April Showers
Triadique +120° +240°
- EBD8B3
Golden Syrup
- B2E5EA
≈ Winter Escape
- ECCFEF
≈ Bubblegum Crisis
Complémentaire divisée +150° +210°
- EBD8B3
Golden Syrup
- B9E1F8
≈ Arctic Paradise
- DBD4FB
≈ Pale Lavender
Tétradique +90° +180° +270°
- EBD8B3
Golden Syrup
- B7E6D7
≈ Ode to Green
- C9DBFE
≈ Arc Light
- F8CCDD
≈ Pink Lace
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.39:1 · APCA Lc 19
Ag
AAASur noir
WCAG 15.00:1 · APCA Lc 84
Meilleure couleur de texte: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Extraits de code
CSS
:root {
--golden-syrup: #ebd8b3;
--golden-syrup-rgb: 235 216 179;
--golden-syrup-oklch: oklch(0.888 0.053 84);
}
.element {
color: var(--golden-syrup);
background-color: hsl(40 58% 81%);
border-color: oklch(0.888 0.053 84);
}Tailwind CSS v4
@theme {
--color-golden-syrup: #ebd8b3;
--color-golden-syrup-50: #fcf4e4;
--color-golden-syrup-100: #f0e7d4;
--color-golden-syrup-200: #ded3bb;
--color-golden-syrup-300: #c4b699;
--color-golden-syrup-400: #ad9c7b;
--color-golden-syrup-500: #97845d;
--color-golden-syrup-600: #806f4f;
--color-golden-syrup-700: #66593f;
--color-golden-syrup-800: #4c412d;
--color-golden-syrup-900: #352d1e;
--color-golden-syrup-950: #201a0e;
}SCSS
$golden-syrup: #ebd8b3;
$golden-syrup-rgb: 235, 216, 179;
$golden-syrup-light: mix(#fff, $golden-syrup, 20%);
$golden-syrup-dark: mix(#000, $golden-syrup, 20%);
.element {
color: $golden-syrup;
box-shadow: 0 0 0 2px rgba($golden-syrup, 0.35);
}