Colore con nome · #E8C89E
Compatible Cream
Compatible Cream è #E8C89E: rgb(232 200 158), hsl(34 62% 76%), oklch(0.85 0.066 74.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Compatible Cream color name →
#E8C89E
oklch(0.85 0.066 74.3)
Conversioni di colore
- HEX
- #e8c89e
- RGB
- rgb(232 200 158)
- HSL
- hsl(34 62% 76%)
- HWB
- hwb(34 62% 9%)
- OKLCH
- oklch(0.85 0.066 74.3)
- OKLab
- oklab(0.85 0.018 0.064)
- CIE Lab
- lab(82.61 7.26 25.48)
- LCH
- lch(82.61 26.49 74.1)
- CMYK
- cmyk(0% 14% 32% 9%)
Tinte · Ombre · Toni
Tinte
- EACEA8
- EDD3B2
- EFD9BB
- F1DEC5
- F4E4CF
- F6E9D8
- F8EFE2
- FBF4EC
- FDF9F5
Ombre
- CAAE89
- AC9474
- 907B60
- 74634D
- 594C3A
- 403629
- 292118
- 130F09
- 030201
Toni
- DDC19B
- D2B998
- C8B296
- BDAB93
- B3A390
- A89C8D
- 9E958A
- 948E86
- 8A8783
Armonie di colore
Complementare +180°
- E8C89E
Compatible Cream
- B1D1F9
≈ Ice Cold Stare
Analogo -30° +30°
- E8C89E
Compatible Cream
- F4C1AB
≈ Cosmetic Peach
- D4D19E
≈ Calming Effect
Triadico +120° +240°
- E8C89E
Compatible Cream
- 9ADCDA
≈ Pale Pastel
- DEC1EC
≈ Beefy Pink
Complementare divisa +150° +210°
- E8C89E
Compatible Cream
- 9FD8EE
≈ Sora Blue
- C8C9F8
≈ Lavender Blue
Tetradico +90° +180° +270°
- E8C89E
Compatible Cream
- A6DCC2
≈ Shanghai Jade
- B1D1F9
≈ Ice Cold Stare
- EEBDD8
≈ Sweet Taffy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.18:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--compatible-cream: #e8c89e;
--compatible-cream-rgb: 232 200 158;
--compatible-cream-oklch: oklch(0.85 0.066 74.3);
}
.element {
color: var(--compatible-cream);
background-color: hsl(34 62% 76%);
border-color: oklch(0.85 0.066 74.3);
}Tailwind CSS v4
@theme {
--color-compatible-cream: #e8c89e;
--color-compatible-cream-50: #fff3e1;
--color-compatible-cream-100: #f5e5d0;
--color-compatible-cream-200: #e5d1b5;
--color-compatible-cream-300: #cbb392;
--color-compatible-cream-400: #b69973;
--color-compatible-cream-500: #a08053;
--color-compatible-cream-600: #886c47;
--color-compatible-cream-700: #6d5739;
--color-compatible-cream-800: #513f28;
--color-compatible-cream-900: #382b1b;
--color-compatible-cream-950: #23180b;
}SCSS
$compatible-cream: #e8c89e;
$compatible-cream-rgb: 232, 200, 158;
$compatible-cream-light: mix(#fff, $compatible-cream, 20%);
$compatible-cream-dark: mix(#000, $compatible-cream, 20%);
.element {
color: $compatible-cream;
box-shadow: 0 0 0 2px rgba($compatible-cream, 0.35);
}