Colore con nome · #E9D9C0
Eaglet Beige
Eaglet Beige è #E9D9C0: rgb(233 217 192), hsl(37 48% 83%), oklch(0.892 0.038 79.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Eaglet Beige color name →
#E9D9C0
oklch(0.892 0.038 79.1)
Conversioni di colore
- HEX
- #e9d9c0
- RGB
- rgb(233 217 192)
- HSL
- hsl(37 48% 83%)
- HWB
- hwb(37 75% 9%)
- OKLCH
- oklch(0.892 0.038 79.1)
- OKLab
- oklab(0.892 0.007 0.037)
- CIE Lab
- lab(87.52 2.74 14.46)
- LCH
- lch(87.52 14.71 79.3)
- CMYK
- cmyk(0% 7% 18% 9%)
Tinte · Ombre · Toni
Tinte
- EBDDC6
- EDE1CD
- F0E4D3
- F2E8D9
- F4ECDF
- F6F0E6
- F8F4EC
- FBF7F2
- FDFBF9
Ombre
- CBBCA7
- ADA18E
- 908676
- 746C5F
- 5A5349
- 413B34
- 292520
- 13110E
- 030202
Toni
- DED0B9
- D3C7B3
- C8BDAC
- BEB4A6
- B3ABA0
- A9A399
- 9E9A93
- 94918D
- 8A8986
Armonie di colore
Complementare +180°
- E9D9C0
Eaglet Beige
- CDDCF5
≈ Fly a Kite
Analogo -30° +30°
- E9D9C0
Eaglet Beige
- F1D5C6
≈ Melon Pink
- DDDEC2
≈ Airy Fields
Triadico +120° +240°
- E9D9C0
Eaglet Beige
- BFE3E5
≈ Cold Well Water
- E7D4EC
≈ First Lilac
Complementare divisa +150° +210°
- E9D9C0
Eaglet Beige
- C3E1F0
≈ Pale Frost
- DAD8F3
≈ Lavender Sky
Tetradico +90° +180° +270°
- E9D9C0
Eaglet Beige
- C4E4D7
≈ Icy Mint
- CDDCF5
≈ Fly a Kite
- F0D2DF
≈ Portrait Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASu nero
WCAG 15.15:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.15:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--eaglet-beige: #e9d9c0;
--eaglet-beige-rgb: 233 217 192;
--eaglet-beige-oklch: oklch(0.892 0.038 79.1);
}
.element {
color: var(--eaglet-beige);
background-color: hsl(37 48% 83%);
border-color: oklch(0.892 0.038 79.1);
}Tailwind CSS v4
@theme {
--color-eaglet-beige: #e9d9c0;
--color-eaglet-beige-50: #fbf4e9;
--color-eaglet-beige-100: #eee7da;
--color-eaglet-beige-200: #ddd3c3;
--color-eaglet-beige-300: #c1b6a2;
--color-eaglet-beige-400: #ab9c86;
--color-eaglet-beige-500: #94846a;
--color-eaglet-beige-600: #7d6f5a;
--color-eaglet-beige-700: #645948;
--color-eaglet-beige-800: #4a4134;
--color-eaglet-beige-900: #332d23;
--color-eaglet-beige-950: #1f1a12;
}SCSS
$eaglet-beige: #e9d9c0;
$eaglet-beige-rgb: 233, 217, 192;
$eaglet-beige-light: mix(#fff, $eaglet-beige, 20%);
$eaglet-beige-dark: mix(#000, $eaglet-beige, 20%);
.element {
color: $eaglet-beige;
box-shadow: 0 0 0 2px rgba($eaglet-beige, 0.35);
}