Nazwany kolor · #ECE4DC
Stone Quarry
Stone Quarry to #ECE4DC: rgb(236 228 220), hsl(30 30% 89%), oklch(0.923 0.014 67.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Stone Quarry color name →
#ECE4DC
oklch(0.923 0.014 67.7)
Konwersje koloru
- HEX
- #ece4dc
- RGB
- rgb(236 228 220)
- HSL
- hsl(30 30% 89%)
- HWB
- hwb(30 86% 7%)
- OKLCH
- oklch(0.923 0.014 67.7)
- OKLab
- oklab(0.923 0.005 0.013)
- CIE Lab
- lab(91.06 1.79 4.93)
- LCH
- lch(91.06 5.25 70)
- CMYK
- cmyk(0% 3% 7% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEE7DF
- F0E9E3
- F2ECE6
- F4EFEA
- F5F1ED
- F7F4F1
- F9F7F4
- FBFAF8
- FDFCFB
Odcienie ciemniejsze
- CDC6BF
- AFA9A3
- 928D88
- 76726E
- 5B5854
- 423F3C
- 292826
- 131211
- 030302
Tony
- E1DAD2
- D5CFC9
- CAC5BF
- BFBBB6
- B5B1AD
- AAA7A4
- 9F9D9B
- 959392
- 8A8A89
Harmonie kolorów
Komplementarna +180°
- ECE4DC
Stone Quarry
- DFE7EF
≈ Radiant Moon
Analogowa -30° +30°
- ECE4DC
Stone Quarry
- EEE3DF
≈ Glossy Kiss
- E8E6DC
≈ Narvik
Triada +120° +240°
- ECE4DC
Stone Quarry
- DCE9E7
≈ Carefree
- E8E3ED
≈ Modest Violet
Komplementarna rozszczepiona +150° +210°
- ECE4DC
Stone Quarry
- DCE8EC
≈ Moby Dick
- E3E5EF
≈ Ghostly Tuna
Tetrada +90° +180° +270°
- ECE4DC
Stone Quarry
- DEE8E2
≈ Lost in Istanbul
- DFE7EF
≈ Radiant Moon
- ECE2E9
≈ Dream Dust
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.69:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.69:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--stone-quarry: #ece4dc;
--stone-quarry-rgb: 236 228 220;
--stone-quarry-oklch: oklch(0.923 0.014 67.7);
}
.element {
color: var(--stone-quarry);
background-color: hsl(30 30% 89%);
border-color: oklch(0.923 0.014 67.7);
}Tailwind CSS v4
@theme {
--color-stone-quarry: #ece4dc;
--color-stone-quarry-50: #f8f4f1;
--color-stone-quarry-100: #ebe7e3;
--color-stone-quarry-200: #d8d3ce;
--color-stone-quarry-300: #bcb6b0;
--color-stone-quarry-400: #a49d96;
--color-stone-quarry-500: #8d857d;
--color-stone-quarry-600: #77706a;
--color-stone-quarry-700: #5f5a54;
--color-stone-quarry-800: #46413d;
--color-stone-quarry-900: #302d2a;
--color-stone-quarry-950: #1d1a18;
}SCSS
$stone-quarry: #ece4dc;
$stone-quarry-rgb: 236, 228, 220;
$stone-quarry-light: mix(#fff, $stone-quarry, 20%);
$stone-quarry-dark: mix(#000, $stone-quarry, 20%);
.element {
color: $stone-quarry;
box-shadow: 0 0 0 2px rgba($stone-quarry, 0.35);
}