Nazwany kolor · #ECE3CC
Morocco Sand
Morocco Sand to #ECE3CC: rgb(236 227 204), hsl(43 46% 86%), oklch(0.917 0.032 89.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Morocco Sand color name →
#ECE3CC
oklch(0.917 0.032 89.1)
Konwersje koloru
- HEX
- #ece3cc
- RGB
- rgb(236 227 204)
- HSL
- hsl(43 46% 86%)
- HWB
- hwb(43 80% 7%)
- OKLCH
- oklch(0.917 0.032 89.1)
- OKLab
- oklab(0.917 0 0.032)
- CIE Lab
- lab(90.5 0.36 12.43)
- LCH
- lch(90.5 12.44 88.4)
- CMYK
- cmyk(0% 4% 14% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEE6D1
- F0E9D6
- F2EBDB
- F4EEE0
- F5F1E5
- F7F4EB
- F9F7F0
- FBF9F5
- FDFCFA
Odcienie ciemniejsze
- CDC5B1
- AFA897
- 928C7E
- 767165
- 5B574E
- 423F37
- 292722
- 13120F
- 030302
Tony
- E1D9C4
- D5CEBC
- CAC4B5
- BFBAAD
- B4B0A5
- AAA69E
- 9F9D96
- 95938F
- 8A8987
Harmonie kolorów
Komplementarna +180°
- ECE3CC
Morocco Sand
- DBE3FA
≈ Aquarelle Purple
Analogowa -30° +30°
- ECE3CC
Morocco Sand
- F5DFCF
≈ Muffin Mix
- E1E7CF
≈ White Radish
Triada +120° +240°
- ECE3CC
Morocco Sand
- CCEAEF
≈ Summer Mist
- F0DCEE
≈ Divine Dove
Komplementarna rozszczepiona +150° +210°
- ECE3CC
Morocco Sand
- D1E7F7
≈ New Heights
- E6DFF7
≈ Lingering Lilac
Tetrada +90° +180° +270°
- ECE3CC
Morocco Sand
- CEEBE4
≈ Source Blue
- DBE3FA
≈ Aquarelle Purple
- F7DBE3
≈ Tootie Fruity
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.42:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.42:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--morocco-sand: #ece3cc;
--morocco-sand-rgb: 236 227 204;
--morocco-sand-oklch: oklch(0.917 0.032 89.1);
}
.element {
color: var(--morocco-sand);
background-color: hsl(43 46% 86%);
border-color: oklch(0.917 0.032 89.1);
}Tailwind CSS v4
@theme {
--color-morocco-sand: #ece3cc;
--color-morocco-sand-50: #f8f5eb;
--color-morocco-sand-100: #ece8dc;
--color-morocco-sand-200: #d9d4c5;
--color-morocco-sand-300: #bdb7a5;
--color-morocco-sand-400: #a69e89;
--color-morocco-sand-500: #8f866e;
--color-morocco-sand-600: #79715e;
--color-morocco-sand-700: #615a4b;
--color-morocco-sand-800: #474236;
--color-morocco-sand-900: #312d25;
--color-morocco-sand-950: #1d1a13;
}SCSS
$morocco-sand: #ece3cc;
$morocco-sand-rgb: 236, 227, 204;
$morocco-sand-light: mix(#fff, $morocco-sand, 20%);
$morocco-sand-dark: mix(#000, $morocco-sand, 20%);
.element {
color: $morocco-sand;
box-shadow: 0 0 0 2px rgba($morocco-sand, 0.35);
}