Colore con nome · #E2D0B9
Smashed Potatoes
Smashed Potatoes è #E2D0B9: rgb(226 208 185), hsl(34 41% 81%), oklch(0.866 0.037 74). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Smashed Potatoes color name →
#E2D0B9
oklch(0.866 0.037 74)
Conversioni di colore
- HEX
- #e2d0b9
- RGB
- rgb(226 208 185)
- HSL
- hsl(34 41% 81%)
- HWB
- hwb(34 73% 11%)
- OKLCH
- oklch(0.866 0.037 74)
- OKLab
- oklab(0.866 0.01 0.035)
- CIE Lab
- lab(84.53 3.75 13.85)
- LCH
- lch(84.53 14.35 74.9)
- CMYK
- cmyk(0% 8% 18% 11%)
Tinte · Ombre · Toni
Tinte
- E5D5C0
- E8D9C7
- EBDECE
- EEE3D5
- F1E7DC
- F3ECE3
- F6F1EA
- F9F6F1
- FCFAF8
Ombre
- C4B5A0
- A89A89
- 8C8071
- 71675B
- 574F46
- 3E3931
- 27231E
- 12100D
- 030202
Toni
- D8C8B3
- CEBFAD
- C4B7A8
- BAAFA2
- B0A79C
- A69F97
- 9C9791
- 938F8B
- 898886
Armonie di colore
Complementare +180°
- E2D0B9
Smashed Potatoes
- C3D5EB
≈ Polar Opposite
Analogo -30° +30°
- E2D0B9
Smashed Potatoes
- E9CCC0
≈ Quaint Peche
- D7D5B9
≈ Pale Cucumber
Triadico +120° +240°
- E2D0B9
Smashed Potatoes
- B8DBDA
≈ Blue Glass
- DCCCE4
≈ Pouf of Pink
Complementare divisa +150° +210°
- E2D0B9
Smashed Potatoes
- BAD9E5
≈ Breezy Blue
- CFD0EB
≈ Artistic Violet
Tetradico +90° +180° +270°
- E2D0B9
Smashed Potatoes
- BEDBCD
≈ Mirador
- C3D5EB
≈ Polar Opposite
- E6CAD9
≈ Wisteria Whisper
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.95:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--smashed-potatoes: #e2d0b9;
--smashed-potatoes-rgb: 226 208 185;
--smashed-potatoes-oklch: oklch(0.866 0.037 74);
}
.element {
color: var(--smashed-potatoes);
background-color: hsl(34 41% 81%);
border-color: oklch(0.866 0.037 74);
}Tailwind CSS v4
@theme {
--color-smashed-potatoes: #e2d0b9;
--color-smashed-potatoes-50: #fbf4ea;
--color-smashed-potatoes-100: #efe6db;
--color-smashed-potatoes-200: #ded2c3;
--color-smashed-potatoes-300: #c3b5a3;
--color-smashed-potatoes-400: #ac9c87;
--color-smashed-potatoes-500: #95836b;
--color-smashed-potatoes-600: #7e6f5b;
--color-smashed-potatoes-700: #655949;
--color-smashed-potatoes-800: #4b4035;
--color-smashed-potatoes-900: #342c24;
--color-smashed-potatoes-950: #1f1913;
}SCSS
$smashed-potatoes: #e2d0b9;
$smashed-potatoes-rgb: 226, 208, 185;
$smashed-potatoes-light: mix(#fff, $smashed-potatoes, 20%);
$smashed-potatoes-dark: mix(#000, $smashed-potatoes, 20%);
.element {
color: $smashed-potatoes;
box-shadow: 0 0 0 2px rgba($smashed-potatoes, 0.35);
}