Colore con nome · #E2D3B9
Stucco White
Stucco White è #E2D3B9: rgb(226 211 185), hsl(38 41% 81%), oklch(0.872 0.039 81.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Stucco White color name →
#E2D3B9
oklch(0.872 0.039 81.5)
Conversioni di colore
- HEX
- #e2d3b9
- RGB
- rgb(226 211 185)
- HSL
- hsl(38 41% 81%)
- HWB
- hwb(38 73% 11%)
- OKLCH
- oklch(0.872 0.039 81.5)
- OKLab
- oklab(0.872 0.006 0.038)
- CIE Lab
- lab(85.28 2.28 14.9)
- LCH
- lch(85.28 15.07 81.3)
- CMYK
- cmyk(0% 7% 18% 11%)
Tinte · Ombre · Toni
Tinte
- E5D7C0
- E8DCC7
- EBE0CE
- EEE5D5
- F0E9DC
- F3EDE3
- F6F2EA
- F9F6F1
- FCFBF8
Ombre
- C4B7A0
- A89C89
- 8C8271
- 71695B
- 575146
- 3E3A31
- 27241E
- 12100D
- 030202
Toni
- D8CAB3
- CEC2AD
- C4B9A8
- BAB1A2
- B0A99C
- A6A097
- 9C9891
- 93908B
- 898886
Armonie di colore
Complementare +180°
- E2D3B9
Stucco White
- C7D6EF
≈ Murano Soft Blue
Analogo -30° +30°
- E2D3B9
Stucco White
- EBCEBE
≈ Golden Pop
- D5D8BB
≈ Pine Mist
Triadico +120° +240°
- E2D3B9
Stucco White
- B8DDE0
≈ Mech Suit
- E1CDE5
≈ Pouf of Pink
Complementare divisa +150° +210°
- E2D3B9
Stucco White
- BDDAEA
≈ Diamond Soft Blue
- D5D1ED
≈ Air Castle
Tetradico +90° +180° +270°
- E2D3B9
Stucco White
- BDDED2
≈ Otto Ice
- C7D6EF
≈ Murano Soft Blue
- EACBD8
≈ Queen Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.25:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.25:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--stucco-white: #e2d3b9;
--stucco-white-rgb: 226 211 185;
--stucco-white-oklch: oklch(0.872 0.039 81.5);
}
.element {
color: var(--stucco-white);
background-color: hsl(38 41% 81%);
border-color: oklch(0.872 0.039 81.5);
}Tailwind CSS v4
@theme {
--color-stucco-white: #e2d3b9;
--color-stucco-white-50: #faf4e9;
--color-stucco-white-100: #eee7da;
--color-stucco-white-200: #dcd3c2;
--color-stucco-white-300: #c1b6a2;
--color-stucco-white-400: #aa9d85;
--color-stucco-white-500: #938469;
--color-stucco-white-600: #7d7059;
--color-stucco-white-700: #645947;
--color-stucco-white-800: #4a4133;
--color-stucco-white-900: #332d23;
--color-stucco-white-950: #1f1a12;
}SCSS
$stucco-white: #e2d3b9;
$stucco-white-rgb: 226, 211, 185;
$stucco-white-light: mix(#fff, $stucco-white, 20%);
$stucco-white-dark: mix(#000, $stucco-white, 20%);
.element {
color: $stucco-white;
box-shadow: 0 0 0 2px rgba($stucco-white, 0.35);
}