Colore con nome · #D3E9EC
Enchanted Evening
Enchanted Evening è #D3E9EC: rgb(211 233 236), hsl(187 40% 88%), oklch(0.919 0.024 206.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Enchanted Evening color name →
#D3E9EC
oklch(0.919 0.024 206.6)
Conversioni di colore
- HEX
- #d3e9ec
- RGB
- rgb(211 233 236)
- HSL
- hsl(187 40% 88%)
- HWB
- hwb(187 83% 7%)
- OKLCH
- oklch(0.919 0.024 206.6)
- OKLab
- oklab(0.919 -0.021 -0.011)
- CIE Lab
- lab(90.78 -7.08 -4.07)
- LCH
- lch(90.78 8.17 209.9)
- CMYK
- cmyk(11% 1% 0% 7%)
Tinte · Ombre · Toni
Tinte
- D7EBEE
- DCEDF0
- E0F0F2
- E5F2F4
- E9F4F5
- EDF6F7
- F2F8F9
- F6FBFB
- FBFDFD
Ombre
- B7CBCD
- 9CADAF
- 829092
- 697476
- 515A5B
- 3A4142
- 242929
- 101313
- 020303
Toni
- CADEE1
- C2D3D5
- B9C8CA
- B1BEBF
- A9B3B5
- A0A9AA
- 989E9F
- 909495
- 888A8A
Armonie di colore
Complementare +180°
- D3E9EC
Enchanted Evening
- F4DFDC
≈ Pallid Rose
Analogo -30° +30°
- D3E9EC
Enchanted Evening
- D5EAE4
≈ Dillard’s Blue
- D6E7F2
≈ Icicle Veil
Triadico +120° +240°
- D3E9EC
Enchanted Evening
- EDDFED
≈ Angora Pink
- EBE3D3
≈ Abilene Lace
Complementare divisa +150° +210°
- D3E9EC
Enchanted Evening
- F2DEE4
≈ Lavender Moon
- F1E1D5
≈ Pink Scallop
Tetradico +90° +180° +270°
- D3E9EC
Enchanted Evening
- E5E1F3
≈ Romantic Cruise
- F4DFDC
≈ Pallid Rose
- E3E6D5
≈ Diminished Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.63:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.63:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--enchanted-evening: #d3e9ec;
--enchanted-evening-rgb: 211 233 236;
--enchanted-evening-oklch: oklch(0.919 0.024 206.6);
}
.element {
color: var(--enchanted-evening);
background-color: hsl(187 40% 88%);
border-color: oklch(0.919 0.024 206.6);
}Tailwind CSS v4
@theme {
--color-enchanted-evening: #d3e9ec;
--color-enchanted-evening-50: #eef7f9;
--color-enchanted-evening-100: #dfeaec;
--color-enchanted-evening-200: #c9d7da;
--color-enchanted-evening-300: #aabbbe;
--color-enchanted-evening-400: #8fa3a5;
--color-enchanted-evening-500: #758b8e;
--color-enchanted-evening-600: #637678;
--color-enchanted-evening-700: #4f5e60;
--color-enchanted-evening-800: #394546;
--color-enchanted-evening-900: #273031;
--color-enchanted-evening-950: #151c1d;
}SCSS
$enchanted-evening: #d3e9ec;
$enchanted-evening-rgb: 211, 233, 236;
$enchanted-evening-light: mix(#fff, $enchanted-evening, 20%);
$enchanted-evening-dark: mix(#000, $enchanted-evening, 20%);
.element {
color: $enchanted-evening;
box-shadow: 0 0 0 2px rgba($enchanted-evening, 0.35);
}