Nazwany kolor · #EEE3DD
Macadamia Nut
Macadamia Nut to #EEE3DD: rgb(238 227 221), hsl(21 33% 90%), oklch(0.923 0.015 50.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Macadamia Nut color name →
#EEE3DD
oklch(0.923 0.015 50.8)
Konwersje koloru
- HEX
- #eee3dd
- RGB
- rgb(238 227 221)
- HSL
- hsl(21 33% 90%)
- HWB
- hwb(21 87% 7%)
- OKLCH
- oklch(0.923 0.015 50.8)
- OKLab
- oklab(0.923 0.009 0.011)
- CIE Lab
- lab(91 3.11 4.34)
- LCH
- lch(91 5.34 54.4)
- CMYK
- cmyk(0% 5% 7% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0E6E0
- F1E9E4
- F3EBE7
- F5EEEB
- F7F1EE
- F8F4F1
- FAF7F5
- FCF9F8
- FDFCFC
Odcienie ciemniejsze
- CFC5C0
- B1A8A4
- 938C88
- 77716E
- 5C5755
- 423F3D
- 2A2726
- 141211
- 030302
Tony
- E2D9D3
- D7CECA
- CCC4C0
- C1BAB7
- B5B0AD
- ABA6A4
- A09D9B
- 959392
- 8A8989
Harmonie kolorów
Komplementarna +180°
- EEE3DD
Macadamia Nut
- DCE8EE
≈ Moby Dick
Analogowa -30° +30°
- EEE3DD
Macadamia Nut
- EFE2E1
≈ Shattered Porcelain
- EBE5DB
≈ Soapstone
Triada +120° +240°
- EEE3DD
Macadamia Nut
- DDE9E4
≈ Sandwashed Glassshard
- E5E4EF
≈ Farsighted
Komplementarna rozszczepiona +150° +210°
- EEE3DD
Macadamia Nut
- DBE9E9
≈ Carefree
- E0E6F0
≈ Radiant Moon
Tetrada +90° +180° +270°
- EEE3DD
Macadamia Nut
- E0E8DF
≈ Spider Cotton
- DCE8EE
≈ Moby Dick
- EAE3EC
≈ Modest Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.66:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.66:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--macadamia-nut: #eee3dd;
--macadamia-nut-rgb: 238 227 221;
--macadamia-nut-oklch: oklch(0.923 0.015 50.8);
}
.element {
color: var(--macadamia-nut);
background-color: hsl(21 33% 90%);
border-color: oklch(0.923 0.015 50.8);
}Tailwind CSS v4
@theme {
--color-macadamia-nut: #eee3dd;
--color-macadamia-nut-50: #f9f4f1;
--color-macadamia-nut-100: #ece7e3;
--color-macadamia-nut-200: #d9d3cf;
--color-macadamia-nut-300: #beb5b1;
--color-macadamia-nut-400: #a69c97;
--color-macadamia-nut-500: #8f847e;
--color-macadamia-nut-600: #796f6a;
--color-macadamia-nut-700: #605955;
--color-macadamia-nut-800: #47413e;
--color-macadamia-nut-900: #312d2b;
--color-macadamia-nut-950: #1d1a18;
}SCSS
$macadamia-nut: #eee3dd;
$macadamia-nut-rgb: 238, 227, 221;
$macadamia-nut-light: mix(#fff, $macadamia-nut, 20%);
$macadamia-nut-dark: mix(#000, $macadamia-nut, 20%);
.element {
color: $macadamia-nut;
box-shadow: 0 0 0 2px rgba($macadamia-nut, 0.35);
}