Colore con nome · #E0D8B0
Beige Green
Beige Green è #E0D8B0: rgb(224 216 176), hsl(50 44% 78%), oklch(0.879 0.054 98). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Beige Green color name →
#E0D8B0
oklch(0.879 0.054 98)
Conversioni di colore
- HEX
- #e0d8b0
- RGB
- rgb(224 216 176)
- HSL
- hsl(50 44% 78%)
- HWB
- hwb(50 69% 12%)
- OKLCH
- oklch(0.879 0.054 98)
- OKLab
- oklab(0.879 -0.007 0.053)
- CIE Lab
- lab(86.23 -1.87 20.85)
- LCH
- lch(86.23 20.94 95.1)
- CMYK
- cmyk(0% 4% 21% 12%)
Tinte · Ombre · Toni
Tinte
- E3DCB8
- E6E0C0
- E9E4C8
- ECE8D0
- EFECD8
- F2EFDF
- F6F3E7
- F9F7EF
- FCFBF7
Ombre
- C3BC99
- A6A082
- 8A856C
- 706B56
- 565342
- 3E3B2E
- 27251C
- 12110B
- 020201
Toni
- D6CFAB
- CCC6A6
- C2BDA2
- B8B49D
- AFAB98
- A5A293
- 9C9A8F
- 92918A
- 898885
Armonie di colore
Complementare +180°
- E0D8B0
Beige Green
- CED4FB
≈ Pale Phthalo Blue
Analogo -30° +30°
- E0D8B0
Beige Green
- EFD1B2
≈ Baby Fragrance
- CDDEB9
≈ Cat Woman
Triadico +120° +240°
- E0D8B0
Beige Green
- B0E0EF
≈ Intergalactic Blue
- F0CAE3
≈ Poodle Pink
Complementare divisa +150° +210°
- E0D8B0
Beige Green
- BCDBF9
≈ Oh Boy!
- E1CEF3
≈ Mousse aux Pruneaux
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.61:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--beige-green: #e0d8b0;
--beige-green-rgb: 224 216 176;
--beige-green-oklch: oklch(0.879 0.054 98);
}
.element {
color: var(--beige-green);
background-color: hsl(50 44% 78%);
border-color: oklch(0.879 0.054 98);
}Tailwind CSS v4
@theme {
--color-beige-green: #e0d8b0;
--color-beige-green-50: #f8f6e5;
--color-beige-green-100: #ece9d5;
--color-beige-green-200: #d9d5bb;
--color-beige-green-300: #bdb999;
--color-beige-green-400: #a79f7b;
--color-beige-green-500: #8f875d;
--color-beige-green-600: #797250;
--color-beige-green-700: #615b3f;
--color-beige-green-800: #48422d;
--color-beige-green-900: #322e1e;
--color-beige-green-950: #1e1b0e;
}SCSS
$beige-green: #e0d8b0;
$beige-green-rgb: 224, 216, 176;
$beige-green-light: mix(#fff, $beige-green, 20%);
$beige-green-dark: mix(#000, $beige-green, 20%);
.element {
color: $beige-green;
box-shadow: 0 0 0 2px rgba($beige-green, 0.35);
}