Colore con nome · #E3D0AD
Cream Cake
Cream Cake è #E3D0AD: rgb(227 208 173), hsl(39 49% 78%), oklch(0.864 0.051 82.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cream Cake color name →
#E3D0AD
oklch(0.864 0.051 82.8)
Conversioni di colore
- HEX
- #e3d0ad
- RGB
- rgb(227 208 173)
- HSL
- hsl(39 49% 78%)
- HWB
- hwb(39 68% 11%)
- OKLCH
- oklch(0.864 0.051 82.8)
- OKLab
- oklab(0.864 0.006 0.051)
- CIE Lab
- lab(84.4 2.85 19.98)
- LCH
- lch(84.4 20.18 81.9)
- CMYK
- cmyk(0% 8% 24% 11%)
Tinte · Ombre · Toni
Tinte
- E6D5B5
- E9D9BD
- EBDEC6
- EEE3CE
- F1E7D6
- F4ECDE
- F7F1E6
- F9F6EF
- FCFAF7
Ombre
- C5B596
- A89A7F
- 8C806A
- 716755
- 574F41
- 3F392D
- 27231B
- 12100B
- 030201
Toni
- D9C8A9
- CEC0A4
- C4B7A0
- BAAF9B
- B0A797
- A69F92
- 9D978E
- 939089
- 898885
Armonie di colore
Complementare +180°
- E3D0AD
Cream Cake
- C1D3F5
≈ Mr. Glass
Analogo -30° +30°
- E3D0AD
Cream Cake
- EECAB4
≈ Bare Necessity
- D2D6B0
≈ Avocado Whip
Triadico +120° +240°
- E3D0AD
Cream Cake
- ACDDE1
≈ Blue Bauble
- E3C8E6
≈ Syrian Violet
Complementare divisa +150° +210°
- E3D0AD
Cream Cake
- B2D9EF
≈ Blue Rice
- D3CDF2
≈ Miami White
Tetradico +90° +180° +270°
- E3D0AD
Cream Cake
- B1DECF
≈ Brook Green
- C1D3F5
≈ Mr. Glass
- EEC5D5
≈ Tussie-Mussie
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.51:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.89:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.89:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--cream-cake: #e3d0ad;
--cream-cake-rgb: 227 208 173;
--cream-cake-oklch: oklch(0.864 0.051 82.8);
}
.element {
color: var(--cream-cake);
background-color: hsl(39 49% 78%);
border-color: oklch(0.864 0.051 82.8);
}Tailwind CSS v4
@theme {
--color-cream-cake: #e3d0ad;
--color-cream-cake-50: #fcf4e5;
--color-cream-cake-100: #f0e7d5;
--color-cream-cake-200: #ded3bc;
--color-cream-cake-300: #c4b69a;
--color-cream-cake-400: #ad9c7c;
--color-cream-cake-500: #97835f;
--color-cream-cake-600: #806f51;
--color-cream-cake-700: #665940;
--color-cream-cake-800: #4c412e;
--color-cream-cake-900: #342d1f;
--color-cream-cake-950: #201a0f;
}SCSS
$cream-cake: #e3d0ad;
$cream-cake-rgb: 227, 208, 173;
$cream-cake-light: mix(#fff, $cream-cake, 20%);
$cream-cake-dark: mix(#000, $cream-cake, 20%);
.element {
color: $cream-cake;
box-shadow: 0 0 0 2px rgba($cream-cake, 0.35);
}