Nazwany kolor · #F0EFE3
Snowy Pine
Snowy Pine to #F0EFE3: rgb(240 239 227), hsl(55 30% 92%), oklch(0.95 0.016 102.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Snowy Pine color name →
#F0EFE3
oklch(0.95 0.016 102.8)
Konwersje koloru
- HEX
- #f0efe3
- RGB
- rgb(240 239 227)
- HSL
- hsl(55 30% 92%)
- HWB
- hwb(55 89% 6%)
- OKLCH
- oklch(0.95 0.016 102.8)
- OKLab
- oklab(0.95 -0.004 0.016)
- CIE Lab
- lab(94.28 -1.19 5.95)
- LCH
- lch(94.28 6.07 101.3)
- CMYK
- cmyk(0% 0% 5% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1F1E6
- F3F2E9
- F4F4EB
- F6F5EE
- F7F7F1
- F9F9F4
- FAFAF7
- FCFCF9
- FDFDFC
Odcienie ciemniejsze
- D1D0C5
- B2B1A8
- 95948C
- 787871
- 5D5C57
- 43423F
- 2A2A27
- 141412
- 030303
Tony
- E4E3D9
- D9D8CE
- CDCCC4
- C2C1BA
- B6B6B0
- ABABA6
- A0A09D
- 959593
- 8B8B89
Harmonie kolorów
Komplementarna +180°
- F0EFE3
Snowy Pine
- ECEDF9
≈ Silver Phoenix
Analogowa -30° +30°
- F0EFE3
Snowy Pine
- F5EDE3
≈ Milk Star White
- EAF1E6
≈ Chestnut White
Triada +120° +240°
- F0EFE3
Snowy Pine
- E4F1F6
≈ Clear Vision
- F7EAF1
≈ Snow Plum
Komplementarna rozszczepiona +150° +210°
- F0EFE3
Snowy Pine
- E7EFF9
≈ First Snow
- F2EBF6
≈ Perfume Haze
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.15:1 · APCA Lc 7
Ag
AAANa czerni
WCAG 18.16:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.16:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--snowy-pine: #f0efe3;
--snowy-pine-rgb: 240 239 227;
--snowy-pine-oklch: oklch(0.95 0.016 102.8);
}
.element {
color: var(--snowy-pine);
background-color: hsl(55 30% 92%);
border-color: oklch(0.95 0.016 102.8);
}Tailwind CSS v4
@theme {
--color-snowy-pine: #f0efe3;
--color-snowy-pine-50: #f6f5f0;
--color-snowy-pine-100: #e8e8e2;
--color-snowy-pine-200: #d5d5cd;
--color-snowy-pine-300: #b8b8af;
--color-snowy-pine-400: #a09f94;
--color-snowy-pine-500: #88877b;
--color-snowy-pine-600: #737268;
--color-snowy-pine-700: #5c5b53;
--color-snowy-pine-800: #43433c;
--color-snowy-pine-900: #2f2e29;
--color-snowy-pine-950: #1b1b17;
}SCSS
$snowy-pine: #f0efe3;
$snowy-pine-rgb: 240, 239, 227;
$snowy-pine-light: mix(#fff, $snowy-pine, 20%);
$snowy-pine-dark: mix(#000, $snowy-pine, 20%);
.element {
color: $snowy-pine;
box-shadow: 0 0 0 2px rgba($snowy-pine, 0.35);
}