Najbliższy nazwany kolor · #F4E1F8
#F4E1F8
Najbliższy nazwany kolor: Grape Taffy
#F4E1F8 (rgb(244 225 248), hsl(290 62% 93%), oklch(0.932 0.037 320.3)) jest najbliższy nazwanemu kolorowi Grape Taffy. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#F4E1F8
oklch(0.932 0.037 320.3)
Konwersje koloru
- HEX
- #f4e1f8
- RGB
- rgb(244 225 248)
- HSL
- hsl(290 62% 93%)
- HWB
- hwb(290 88% 3%)
- OKLCH
- oklch(0.932 0.037 320.3)
- OKLab
- oklab(0.932 0.028 -0.023)
- CIE Lab
- lab(91.59 9.71 -8.75)
- LCH
- lch(91.59 13.07 318)
- CMYK
- cmyk(2% 9% 0% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F5E4F9
- F6E7F9
- F7EAFA
- F8EDFB
- FAF0FC
- FBF3FC
- FCF6FD
- FDF9FE
- FEFCFE
Odcienie ciemniejsze
- D4C4D8
- B5A7B8
- 978B9A
- 7A707C
- 5E5660
- 443E45
- 2B272C
- 141215
- 030203
Tony
- E8D7EB
- DCCDDF
- D0C3D3
- C4B9C6
- B8AFBA
- ADA6AE
- A19CA2
- 969397
- 8B898B
Harmonie kolorów
Komplementarna +180°
- F4E1F8
Grape Taffy
- DCEFD8
≈ Graceful Mint
Analogowa -30° +30°
- F4E1F8
Grape Taffy
- E8E5FF
≈ Lavender Mist
- FDDFEC
≈ Baby Girl
Triada +120° +240°
- F4E1F8
Grape Taffy
- F6E6CE
≈ Mannequin Cream
- CDF0F2
≈ Diamond League
Komplementarna rozszczepiona +150° +210°
- F4E1F8
Grape Taffy
- E9EBCF
≈ Palmito
- D1F1E5
≈ Minty Fresh
Tetrada +90° +180° +270°
- F4E1F8
Grape Taffy
- FEE2D3
≈ Ephemeral Peach
- DCEFD8
≈ Graceful Mint
- D1EEFD
≈ Blue Hijab
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.97:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--grape-taffy: #f4e1f8;
--grape-taffy-rgb: 244 225 248;
--grape-taffy-oklch: oklch(0.932 0.037 320.3);
}
.element {
color: var(--grape-taffy);
background-color: hsl(290 62% 93%);
border-color: oklch(0.932 0.037 320.3);
}Tailwind CSS v4
@theme {
--color-grape-taffy: #f4e1f8;
--color-grape-taffy-50: #faf2fb;
--color-grape-taffy-100: #eee4ef;
--color-grape-taffy-200: #dccfde;
--color-grape-taffy-300: #c1b1c3;
--color-grape-taffy-400: #a998ac;
--color-grape-taffy-500: #917f95;
--color-grape-taffy-600: #7b6b7e;
--color-grape-taffy-700: #625665;
--color-grape-taffy-800: #483e4b;
--color-grape-taffy-900: #322b34;
--color-grape-taffy-950: #1e181f;
}SCSS
$grape-taffy: #f4e1f8;
$grape-taffy-rgb: 244, 225, 248;
$grape-taffy-light: mix(#fff, $grape-taffy, 20%);
$grape-taffy-dark: mix(#000, $grape-taffy, 20%);
.element {
color: $grape-taffy;
box-shadow: 0 0 0 2px rgba($grape-taffy, 0.35);
}