Colore con nome · #DFE2C9
Aloe Nectar
Aloe Nectar è #DFE2C9: rgb(223 226 201), hsl(67 30% 84%), oklch(0.904 0.033 112.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Aloe Nectar color name →
#DFE2C9
oklch(0.904 0.033 112.6)
Conversioni di colore
- HEX
- #dfe2c9
- RGB
- rgb(223 226 201)
- HSL
- hsl(67 30% 84%)
- HWB
- hwb(67 79% 11%)
- OKLCH
- oklch(0.904 0.033 112.6)
- OKLab
- oklab(0.904 -0.013 0.031)
- CIE Lab
- lab(89.15 -4.23 11.91)
- LCH
- lch(89.15 12.64 109.6)
- CMYK
- cmyk(1% 0% 11% 11%)
Tinte · Ombre · Toni
Tinte
- E2E5CE
- E5E8D4
- E8EBD9
- ECEEDF
- EFF0E4
- F2F3E9
- F5F6EF
- F9F9F4
- FCFCFA
Ombre
- C2C4AE
- A5A895
- 8A8C7C
- 6F7164
- 56574C
- 3D3E36
- 272722
- 12120F
- 020302
Toni
- D5D8C1
- CBCEBA
- C1C4B3
- B8BAAB
- AEB0A4
- A5A69D
- 9B9C95
- 92938E
- 898987
Armonie di colore
Complementare +180°
- DFE2C9
Aloe Nectar
- DFDCF4
≈ Nostalgia Perfume
Analogo -30° +30°
- DFE2C9
Aloe Nectar
- EADEC7
≈ Castle Ridge
- D3E5D1
≈ Herbal Mist
Triadico +120° +240°
- DFE2C9
Aloe Nectar
- CAE4F2
≈ Niagara Falls
- F2D7E1
≈ Brittany’s Bow
Complementare divisa +150° +210°
- DFE2C9
Aloe Nectar
- D4E0F6
≈ Puffy Cloud
- EAD8ED
≈ Pouty Purple
Tetradico +90° +180° +270°
- DFE2C9
Aloe Nectar
- C7E6E9
≈ Snowmelt
- DFDCF4
≈ Nostalgia Perfume
- F5D7D5
≈ Frosted Tulip
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.85:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--aloe-nectar: #dfe2c9;
--aloe-nectar-rgb: 223 226 201;
--aloe-nectar-oklch: oklch(0.904 0.033 112.6);
}
.element {
color: var(--aloe-nectar);
background-color: hsl(67 30% 84%);
border-color: oklch(0.904 0.033 112.6);
}Tailwind CSS v4
@theme {
--color-aloe-nectar: #dfe2c9;
--color-aloe-nectar-50: #f5f6ec;
--color-aloe-nectar-100: #e7e9dd;
--color-aloe-nectar-200: #d3d6c6;
--color-aloe-nectar-300: #b7baa6;
--color-aloe-nectar-400: #9ea18a;
--color-aloe-nectar-500: #868970;
--color-aloe-nectar-600: #71745f;
--color-aloe-nectar-700: #5b5d4b;
--color-aloe-nectar-800: #434436;
--color-aloe-nectar-900: #2e2f25;
--color-aloe-nectar-950: #1b1b14;
}SCSS
$aloe-nectar: #dfe2c9;
$aloe-nectar-rgb: 223, 226, 201;
$aloe-nectar-light: mix(#fff, $aloe-nectar, 20%);
$aloe-nectar-dark: mix(#000, $aloe-nectar, 20%);
.element {
color: $aloe-nectar;
box-shadow: 0 0 0 2px rgba($aloe-nectar, 0.35);
}