Nazwany kolor · #DFE2C9
Aloe Nectar
Aloe Nectar to #DFE2C9: rgb(223 226 201), hsl(67 30% 84%), oklch(0.904 0.033 112.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Aloe Nectar color name →
#DFE2C9
oklch(0.904 0.033 112.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2E5CE
- E5E8D4
- E8EBD9
- ECEEDF
- EFF0E4
- F2F3E9
- F5F6EF
- F9F9F4
- FCFCFA
Odcienie ciemniejsze
- C2C4AE
- A5A895
- 8A8C7C
- 6F7164
- 56574C
- 3D3E36
- 272722
- 12120F
- 020302
Tony
- D5D8C1
- CBCEBA
- C1C4B3
- B8BAAB
- AEB0A4
- A5A69D
- 9B9C95
- 92938E
- 898987
Harmonie kolorów
Komplementarna +180°
- DFE2C9
Aloe Nectar
- DFDCF4
≈ Nostalgia Perfume
Analogowa -30° +30°
- DFE2C9
Aloe Nectar
- EADEC7
≈ Castle Ridge
- D3E5D1
≈ Herbal Mist
Triada +120° +240°
- DFE2C9
Aloe Nectar
- CAE4F2
≈ Niagara Falls
- F2D7E1
≈ Brittany’s Bow
Komplementarna rozszczepiona +150° +210°
- DFE2C9
Aloe Nectar
- D4E0F6
≈ Puffy Cloud
- EAD8ED
≈ Pouty Purple
Tetrada +90° +180° +270°
- DFE2C9
Aloe Nectar
- C7E6E9
≈ Snowmelt
- DFDCF4
≈ Nostalgia Perfume
- F5D7D5
≈ Frosted Tulip
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.85:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}