Nazwany kolor · #F3EEE3
Westhighland White
Westhighland White to #F3EEE3: rgb(243 238 227), hsl(41 40% 92%), oklch(0.95 0.016 86.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Westhighland White color name →
#F3EEE3
oklch(0.95 0.016 86.4)
Konwersje koloru
- HEX
- #f3eee3
- RGB
- rgb(243 238 227)
- HSL
- hsl(41 40% 92%)
- HWB
- hwb(41 89% 5%)
- OKLCH
- oklch(0.95 0.016 86.4)
- OKLab
- oklab(0.95 0.001 0.016)
- CIE Lab
- lab(94.27 0.34 5.97)
- LCH
- lch(94.27 5.98 86.7)
- CMYK
- cmyk(0% 2% 7% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4F0E6
- F5F1E9
- F7F3EB
- F8F5EE
- F9F6F1
- FAF8F4
- FBFAF7
- FDFCF9
- FEFDFC
Odcienie ciemniejsze
- D3CFC5
- B4B1A8
- 97938C
- 7A7771
- 5E5C57
- 44423F
- 2B2A27
- 141412
- 030303
Tony
- E7E2D9
- DBD7CE
- CFCCC4
- C3C1BA
- B8B5B0
- ACAAA6
- A1A09D
- 969593
- 8B8A89
Harmonie kolorów
Komplementarna +180°
- F3EEE3
Westhighland White
- EAEEF9
≈ First Snow
Analogowa -30° +30°
- F3EEE3
Westhighland White
- F7ECE5
≈ Light Rose Beige
- EEF0E4
≈ Alaskan Mist
Triada +120° +240°
- F3EEE3
Westhighland White
- E3F2F4
≈ Ethereal White
- F4EBF4
≈ Snow Plum
Komplementarna rozszczepiona +150° +210°
- F3EEE3
Westhighland White
- E5F0F8
≈ Clear Vision
- EFEDF8
≈ Silver Phoenix
Tetrada +90° +180° +270°
- F3EEE3
Westhighland White
- E4F2EE
≈ Chilly White
- EAEEF9
≈ First Snow
- F8EAEF
≈ Morning Shine
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 7
Ag
AAANa czerni
WCAG 18.14:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.14:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--westhighland-white: #f3eee3;
--westhighland-white-rgb: 243 238 227;
--westhighland-white-oklch: oklch(0.95 0.016 86.4);
}
.element {
color: var(--westhighland-white);
background-color: hsl(41 40% 92%);
border-color: oklch(0.95 0.016 86.4);
}Tailwind CSS v4
@theme {
--color-westhighland-white: #f3eee3;
--color-westhighland-white-50: #f7f5f0;
--color-westhighland-white-100: #eae8e2;
--color-westhighland-white-200: #d7d4cd;
--color-westhighland-white-300: #bbb7af;
--color-westhighland-white-400: #a29e94;
--color-westhighland-white-500: #8b867b;
--color-westhighland-white-600: #757168;
--color-westhighland-white-700: #5e5a53;
--color-westhighland-white-800: #45423c;
--color-westhighland-white-900: #302e29;
--color-westhighland-white-950: #1c1a17;
}SCSS
$westhighland-white: #f3eee3;
$westhighland-white-rgb: 243, 238, 227;
$westhighland-white-light: mix(#fff, $westhighland-white, 20%);
$westhighland-white-dark: mix(#000, $westhighland-white, 20%);
.element {
color: $westhighland-white;
box-shadow: 0 0 0 2px rgba($westhighland-white, 0.35);
}