Najbliższy nazwany kolor · #F8F2FA
#F8F2FA
Najbliższy nazwany kolor: Walkie Chalkie
#F8F2FA (rgb(248 242 250), hsl(285 44% 96%), oklch(0.968 0.012 317.7)) jest najbliższy nazwanemu kolorowi Walkie Chalkie. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F8F2FA
oklch(0.968 0.012 317.7)
Konwersje koloru
- HEX
- #f8f2fa
- RGB
- rgb(248 242 250)
- HSL
- hsl(285 44% 96%)
- HWB
- hwb(285 95% 2%)
- OKLCH
- oklch(0.968 0.012 317.7)
- OKLab
- oklab(0.968 0.009 -0.008)
- CIE Lab
- lab(96.14 3.12 -3.11)
- LCH
- lch(96.14 4.41 315.1)
- CMYK
- cmyk(1% 3% 0% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F9F3FB
- F9F5FB
- FAF6FC
- FBF7FC
- FCF8FD
- FCFAFD
- FDFBFE
- FEFCFE
- FEFEFF
Odcienie ciemniejsze
- D8D2D9
- B8B4BA
- 9A969B
- 7C797D
- 605E61
- 454346
- 2C2B2D
- 151415
- 030303
Tony
- EBE6ED
- DFDAE0
- D3CED4
- C6C3C7
- BAB7BB
- AEACAF
- A2A1A3
- 979697
- 8B8B8B
Harmonie kolorów
Komplementarna +180°
- F8F2FA
Walkie Chalkie
- F1F7EF
≈ Grass Valley
Analogowa -30° +30°
- F8F2FA
Walkie Chalkie
- F4F3FD
≈ Cloud Break
- FBF1F6
≈ Lavender Blush
Triada +120° +240°
- F8F2FA
Walkie Chalkie
- F9F4EB
≈ Crystal Cut
- ECF7F7
≈ Aijiro White
Komplementarna rozszczepiona +150° +210°
- F8F2FA
Walkie Chalkie
- F5F5EC
≈ Icy Tundra
- EDF7F3
≈ Heavy Sugar
Tetrada +90° +180° +270°
- F8F2FA
Walkie Chalkie
- FCF2ED
≈ Ivory Tower
- F1F7EF
≈ Grass Valley
- ECF6FB
≈ Silent Snowfall
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.10:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.07:1 · APCA Lc 101
Najlepszy kolor tekstu: #000000
WCAG 19.07:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
CSS
:root {
--walkie-chalkie: #f8f2fa;
--walkie-chalkie-rgb: 248 242 250;
--walkie-chalkie-oklch: oklch(0.968 0.012 317.7);
}
.element {
color: var(--walkie-chalkie);
background-color: hsl(285 44% 96%);
border-color: oklch(0.968 0.012 317.7);
}Tailwind CSS v4
@theme {
--color-walkie-chalkie: #f8f2fa;
--color-walkie-chalkie-50: #f7f4f7;
--color-walkie-chalkie-100: #eae7ea;
--color-walkie-chalkie-200: #d7d3d7;
--color-walkie-chalkie-300: #bab5bb;
--color-walkie-chalkie-400: #a19ca3;
--color-walkie-chalkie-500: #8a848c;
--color-walkie-chalkie-600: #746f76;
--color-walkie-chalkie-700: #5d595e;
--color-walkie-chalkie-800: #444145;
--color-walkie-chalkie-900: #2f2d30;
--color-walkie-chalkie-950: #1c1a1c;
}SCSS
$walkie-chalkie: #f8f2fa;
$walkie-chalkie-rgb: 248, 242, 250;
$walkie-chalkie-light: mix(#fff, $walkie-chalkie, 20%);
$walkie-chalkie-dark: mix(#000, $walkie-chalkie, 20%);
.element {
color: $walkie-chalkie;
box-shadow: 0 0 0 2px rgba($walkie-chalkie, 0.35);
}