Màu có tên gần nhất · #F4E1F8
#F4E1F8
Màu có tên gần nhất: Grape Taffy
#F4E1F8 (rgb(244 225 248), hsl(290 62% 93%), oklch(0.932 0.037 320.3)) gần nhất với màu có tên Grape Taffy. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#F4E1F8
oklch(0.932 0.037 320.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F5E4F9
- F6E7F9
- F7EAFA
- F8EDFB
- FAF0FC
- FBF3FC
- FCF6FD
- FDF9FE
- FEFCFE
Sắc đậm
- D4C4D8
- B5A7B8
- 978B9A
- 7A707C
- 5E5660
- 443E45
- 2B272C
- 141215
- 030203
Sắc xám
- E8D7EB
- DCCDDF
- D0C3D3
- C4B9C6
- B8AFBA
- ADA6AE
- A19CA2
- 969397
- 8B898B
Hòa sắc
Bổ túc +180°
- F4E1F8
Grape Taffy
- DCEFD8
≈ Graceful Mint
Tương đồng -30° +30°
- F4E1F8
Grape Taffy
- E8E5FF
≈ Lavender Mist
- FDDFEC
≈ Baby Girl
Bộ ba +120° +240°
- F4E1F8
Grape Taffy
- F6E6CE
≈ Mannequin Cream
- CDF0F2
≈ Diamond League
Bổ túc chia +150° +210°
- F4E1F8
Grape Taffy
- E9EBCF
≈ Palmito
- D1F1E5
≈ Minty Fresh
Bộ bốn +90° +180° +270°
- F4E1F8
Grape Taffy
- FEE2D3
≈ Ephemeral Peach
- DCEFD8
≈ Graceful Mint
- D1EEFD
≈ Blue Hijab
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.23:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.97:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
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);
}