Colore con nome · #E3DDD3
Aesthetic White
Aesthetic White è #E3DDD3: rgb(227 221 211), hsl(38 22% 86%), oklch(0.9 0.015 80.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Aesthetic White color name →
#E3DDD3
oklch(0.9 0.015 80.7)
Conversioni di colore
- HEX
- #e3ddd3
- RGB
- rgb(227 221 211)
- HSL
- hsl(38 22% 86%)
- HWB
- hwb(38 83% 11%)
- OKLCH
- oklch(0.9 0.015 80.7)
- OKLab
- oklab(0.9 0.002 0.015)
- CIE Lab
- lab(88.39 0.84 5.69)
- LCH
- lch(88.39 5.75 81.6)
- CMYK
- cmyk(0% 3% 7% 11%)
Tinte · Ombre · Toni
Tinte
- E6E0D7
- E9E4DC
- EBE7E0
- EEEBE4
- F1EEE9
- F4F1ED
- F7F5F2
- F9F8F6
- FCFCFB
Ombre
- C5C0B7
- A8A49C
- 8C8882
- 716E69
- 575551
- 3F3D3A
- 272624
- 121110
- 030202
Toni
- D9D3CA
- CECAC2
- C4C0B9
- BAB7B1
- B0ADA9
- A6A4A0
- 9D9B98
- 939290
- 898988
Armonie di colore
Complementare +180°
- E3DDD3
Aesthetic White
- D8DEE8
≈ Angélique Grey
Analogo -30° +30°
- E3DDD3
Aesthetic White
- E7DBD5
≈ Gorgeous White
- DEDFD4
≈ Gulf Breeze
Triadico +120° +240°
- E3DDD3
Aesthetic White
- D3E1E2
≈ Valley of Tears
- E3DBE4
≈ He Loves Me
Complementare divisa +150° +210°
- E3DDD3
Aesthetic White
- D4E0E6
≈ Blustery Day
- DDDCE7
≈ Hosta Flower
Tetradico +90° +180° +270°
- E3DDD3
Aesthetic White
- D5E1DC
≈ Mellow Blue
- D8DEE8
≈ Angélique Grey
- E6DADF
≈ Violet Vapour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.54:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.54:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--aesthetic-white: #e3ddd3;
--aesthetic-white-rgb: 227 221 211;
--aesthetic-white-oklch: oklch(0.9 0.015 80.7);
}
.element {
color: var(--aesthetic-white);
background-color: hsl(38 22% 86%);
border-color: oklch(0.9 0.015 80.7);
}Tailwind CSS v4
@theme {
--color-aesthetic-white: #e3ddd3;
--color-aesthetic-white-50: #f7f5f0;
--color-aesthetic-white-100: #eae7e2;
--color-aesthetic-white-200: #d7d4cd;
--color-aesthetic-white-300: #bbb7af;
--color-aesthetic-white-400: #a39e95;
--color-aesthetic-white-500: #8b857b;
--color-aesthetic-white-600: #767168;
--color-aesthetic-white-700: #5e5a53;
--color-aesthetic-white-800: #45423d;
--color-aesthetic-white-900: #302d2a;
--color-aesthetic-white-950: #1c1a17;
}SCSS
$aesthetic-white: #e3ddd3;
$aesthetic-white-rgb: 227, 221, 211;
$aesthetic-white-light: mix(#fff, $aesthetic-white, 20%);
$aesthetic-white-dark: mix(#000, $aesthetic-white, 20%);
.element {
color: $aesthetic-white;
box-shadow: 0 0 0 2px rgba($aesthetic-white, 0.35);
}