Nazwany kolor · #EEE7C8
Scotch Mist
Scotch Mist to #EEE7C8: rgb(238 231 200), hsl(49 53% 86%), oklch(0.925 0.042 96.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Scotch Mist color name →
#EEE7C8
oklch(0.925 0.042 96.6)
Konwersje koloru
- HEX
- #eee7c8
- RGB
- rgb(238 231 200)
- HSL
- hsl(49 53% 86%)
- HWB
- hwb(49 78% 7%)
- OKLCH
- oklch(0.925 0.042 96.6)
- OKLab
- oklab(0.925 -0.005 0.041)
- CIE Lab
- lab(91.6 -1.28 16.05)
- LCH
- lch(91.6 16.11 94.6)
- CMYK
- cmyk(0% 3% 16% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0E9CE
- F1ECD3
- F3EED9
- F5F1DE
- F6F3E4
- F8F5E9
- FAF8EF
- FCFAF4
- FDFDFA
Odcienie ciemniejsze
- CFC9AE
- B1AB94
- 938F7B
- 777363
- 5C594C
- 424036
- 2A2821
- 14130F
- 030302
Tony
- E2DCC1
- D7D2B9
- CCC7B2
- C1BDAB
- B5B2A4
- AAA89C
- A09E95
- 95948E
- 8A8A87
Harmonie kolorów
Komplementarna +180°
- EEE7C8
Scotch Mist
- E0E5FF
≈ Lavender Mist
Analogowa -30° +30°
- EEE7C8
Scotch Mist
- FAE2CA
≈ Acropolis
- DFECCE
≈ Misted Fern
Triada +120° +240°
- EEE7C8
Scotch Mist
- C8EEF8
≈ Frosty Day
- F9DCF1
≈ Grape Taffy
Komplementarna rozszczepiona +150° +210°
- EEE7C8
Scotch Mist
- D3EAFF
≈ Veiling Waterfalls
- EDE0FD
≈ Lavender Savour
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.89:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--scotch-mist: #eee7c8;
--scotch-mist-rgb: 238 231 200;
--scotch-mist-oklch: oklch(0.925 0.042 96.6);
}
.element {
color: var(--scotch-mist);
background-color: hsl(49 53% 86%);
border-color: oklch(0.925 0.042 96.6);
}Tailwind CSS v4
@theme {
--color-scotch-mist: #eee7c8;
--color-scotch-mist-50: #f8f6e8;
--color-scotch-mist-100: #ebe8d9;
--color-scotch-mist-200: #d8d5c1;
--color-scotch-mist-300: #bcb8a0;
--color-scotch-mist-400: #a59f83;
--color-scotch-mist-500: #8e8767;
--color-scotch-mist-600: #787258;
--color-scotch-mist-700: #605b46;
--color-scotch-mist-800: #474232;
--color-scotch-mist-900: #312e22;
--color-scotch-mist-950: #1d1b11;
}SCSS
$scotch-mist: #eee7c8;
$scotch-mist-rgb: 238, 231, 200;
$scotch-mist-light: mix(#fff, $scotch-mist, 20%);
$scotch-mist-dark: mix(#000, $scotch-mist, 20%);
.element {
color: $scotch-mist;
box-shadow: 0 0 0 2px rgba($scotch-mist, 0.35);
}