Najbliższy nazwany kolor · #F4F5FC
#F4F5FC
Najbliższy nazwany kolor: Ghost White
#F4F5FC (rgb(244 245 252), hsl(233 57% 97%), oklch(0.971 0.009 279.7)) jest najbliższy nazwanemu kolorowi Ghost White. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F4F5FC
oklch(0.971 0.009 279.7)
Konwersje koloru
- HEX
- #f4f5fc
- RGB
- rgb(244 245 252)
- HSL
- hsl(233 57% 97%)
- HWB
- hwb(233 96% 1%)
- OKLCH
- oklch(0.971 0.009 279.7)
- OKLab
- oklab(0.971 0.002 -0.009)
- CIE Lab
- lab(96.61 0.59 -3.5)
- LCH
- lch(96.61 3.55 279.6)
- CMYK
- cmyk(3% 3% 0% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5F6FC
- F6F7FD
- F7F8FD
- F8F9FD
- F9FAFE
- FBFBFE
- FCFCFE
- FDFDFE
- FEFEFF
Odcienie ciemniejsze
- D4D5DB
- B5B6BB
- 97989C
- 7A7B7E
- 5E5F62
- 444447
- 2B2B2D
- 141516
- 030303
Tony
- E8E9EF
- DCDDE2
- D0D0D5
- C4C5C9
- B8B9BC
- ADADB0
- A1A2A4
- 969698
- 8B8B8C
Harmonie kolorów
Komplementarna +180°
- F4F5FC
Ghost White
- F7F6EF
≈ Ultra White
Analogowa -30° +30°
- F4F5FC
Ghost White
- F1F6FC
≈ Cotton Ball
- F7F4FA
≈ Foamy Milk
Triada +120° +240°
- F4F5FC
Ghost White
- FCF4F1
≈ Ivory Tower
- F1F8F3
≈ Laundry White
Komplementarna rozszczepiona +150° +210°
- F4F5FC
Ghost White
- FAF5EF
≈ Silver Bird
- F3F7F0
≈ Grass Valley
Tetrada +90° +180° +270°
- F4F5FC
Ghost White
- FCF3F4
≈ Glimpse of Pink
- F7F6EF
≈ Ultra White
- EFF8F7
≈ Aijiro White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.08:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.31:1 · APCA Lc 101
Najlepszy kolor tekstu: #000000
WCAG 19.31:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
CSS
:root {
--ghost-white: #f4f5fc;
--ghost-white-rgb: 244 245 252;
--ghost-white-oklch: oklch(0.971 0.009 279.7);
}
.element {
color: var(--ghost-white);
background-color: hsl(233 57% 97%);
border-color: oklch(0.971 0.009 279.7);
}Tailwind CSS v4
@theme {
--color-ghost-white: #f4f5fc;
--color-ghost-white-50: #f4f5f8;
--color-ghost-white-100: #e7e7eb;
--color-ghost-white-200: #d3d4d8;
--color-ghost-white-300: #b6b7bc;
--color-ghost-white-400: #9d9ea4;
--color-ghost-white-500: #85868c;
--color-ghost-white-600: #707177;
--color-ghost-white-700: #5a5a5f;
--color-ghost-white-800: #414246;
--color-ghost-white-900: #2d2e30;
--color-ghost-white-950: #1a1a1c;
}SCSS
$ghost-white: #f4f5fc;
$ghost-white-rgb: 244, 245, 252;
$ghost-white-light: mix(#fff, $ghost-white, 20%);
$ghost-white-dark: mix(#000, $ghost-white, 20%);
.element {
color: $ghost-white;
box-shadow: 0 0 0 2px rgba($ghost-white, 0.35);
}