가장 가까운 이름 색상 · #F4E1F8
#F4E1F8
가장 가까운 이름 색상: Grape Taffy
#F4E1F8(rgb(244 225 248), hsl(290 62% 93%), oklch(0.932 0.037 320.3))와 가장 가까운 이름 색상은 Grape Taffy입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F4E1F8
oklch(0.932 0.037 320.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F5E4F9
- F6E7F9
- F7EAFA
- F8EDFB
- FAF0FC
- FBF3FC
- FCF6FD
- FDF9FE
- FEFCFE
셰이드
- D4C4D8
- B5A7B8
- 978B9A
- 7A707C
- 5E5660
- 443E45
- 2B272C
- 141215
- 030203
톤
- E8D7EB
- DCCDDF
- D0C3D3
- C4B9C6
- B8AFBA
- ADA6AE
- A19CA2
- 969397
- 8B898B
색 조화
보색 +180°
- F4E1F8
Grape Taffy
- DCEFD8
≈ Graceful Mint
유사색 -30° +30°
- F4E1F8
Grape Taffy
- E8E5FF
≈ Lavender Mist
- FDDFEC
≈ Baby Girl
삼각 배색 +120° +240°
- F4E1F8
Grape Taffy
- F6E6CE
≈ Mannequin Cream
- CDF0F2
≈ Diamond League
분열 보색 +150° +210°
- F4E1F8
Grape Taffy
- E9EBCF
≈ Palmito
- D1F1E5
≈ Minty Fresh
사각 배색 +90° +180° +270°
- F4E1F8
Grape Taffy
- FEE2D3
≈ Ephemeral Peach
- DCEFD8
≈ Graceful Mint
- D1EEFD
≈ Blue Hijab
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.23:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.97:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
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);
}