Couleur nommée · #E9D2BB
Spiced Beige
Spiced Beige correspond à #E9D2BB : rgb(233 210 187), hsl(30 51% 82%), oklch(0.877 0.04 67.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Spiced Beige color name →
#E9D2BB
oklch(0.877 0.04 67.3)
Conversions de couleur
- HEX
- #e9d2bb
- RGB
- rgb(233 210 187)
- HSL
- hsl(30 51% 82%)
- HWB
- hwb(30 73% 9%)
- OKLCH
- oklch(0.877 0.04 67.3)
- OKLab
- oklab(0.877 0.016 0.037)
- CIE Lab
- lab(85.68 5.61 14.51)
- LCH
- lch(85.68 15.56 68.9)
- CMYK
- cmyk(0% 10% 20% 9%)
Teintes · Ombres · Tons
Teintes
- EBD6C2
- EDDBC8
- F0DFCF
- F2E4D6
- F4E8DD
- F6EDE4
- F9F1EA
- FBF6F1
- FDFAF8
Ombres
- CBB6A2
- AD9B8A
- 908173
- 74685C
- 5A5046
- 413932
- 29241F
- 13100D
- 030202
Tons
- DECAB5
- D3C1AF
- C8B9A9
- BEB0A3
- B3A89D
- A9A097
- 9E9891
- 94908C
- 8A8886
Harmonies de couleurs
Complémentaire +180°
- E9D2BB
Spiced Beige
- C2DAF0
≈ Light Powder Blue
Analogue -30° +30°
- E9D2BB
Spiced Beige
- EFCEC4
≈ Leverkaas
- DDD7B9
≈ Handmade Linen
Triadique +120° +240°
- E9D2BB
Spiced Beige
- BAE0DB
≈ Mystic Sea
- DDD0EC
≈ Shimmering Sky
Complémentaire divisée +150° +210°
- E9D2BB
Spiced Beige
- BADEE8
≈ Himalaya White Blue
- CFD5F1
≈ Garden Fairy
Tétradique +90° +180° +270°
- E9D2BB
Spiced Beige
- C2DFCC
≈ Luna Green
- C2DAF0
≈ Light Powder Blue
- E9CDE0
≈ Sweety Pie
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.45:1 · APCA Lc 22
Ag
AAASur noir
WCAG 14.40:1 · APCA Lc 82
Meilleure couleur de texte: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--spiced-beige: #e9d2bb;
--spiced-beige-rgb: 233 210 187;
--spiced-beige-oklch: oklch(0.877 0.04 67.3);
}
.element {
color: var(--spiced-beige);
background-color: hsl(30 51% 82%);
border-color: oklch(0.877 0.04 67.3);
}Tailwind CSS v4
@theme {
--color-spiced-beige: #e9d2bb;
--color-spiced-beige-50: #fdf3e9;
--color-spiced-beige-100: #f1e6da;
--color-spiced-beige-200: #e0d2c2;
--color-spiced-beige-300: #c5b4a2;
--color-spiced-beige-400: #af9a86;
--color-spiced-beige-500: #99816a;
--color-spiced-beige-600: #816e5a;
--color-spiced-beige-700: #675848;
--color-spiced-beige-800: #4c4034;
--color-spiced-beige-900: #352c23;
--color-spiced-beige-950: #201912;
}SCSS
$spiced-beige: #e9d2bb;
$spiced-beige-rgb: 233, 210, 187;
$spiced-beige-light: mix(#fff, $spiced-beige, 20%);
$spiced-beige-dark: mix(#000, $spiced-beige, 20%);
.element {
color: $spiced-beige;
box-shadow: 0 0 0 2px rgba($spiced-beige, 0.35);
}