이름 색상 · #8677A9
Grape Parfait
Grape Parfait은(는) #8677A9: rgb(134 119 169), hsl(258 23% 56%), oklch(0.602 0.076 297.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Grape Parfait color name →
#8677A9
oklch(0.602 0.076 297.8)
색상 변환
- HEX
- #8677a9
- RGB
- rgb(134 119 169)
- HSL
- hsl(258 23% 56%)
- HWB
- hwb(258 47% 34%)
- OKLCH
- oklch(0.602 0.076 297.8)
- OKLab
- oklab(0.602 0.036 -0.068)
- CIE Lab
- lab(52.88 13.99 -24.71)
- LCH
- lch(52.88 28.4 299.5)
- CMYK
- cmyk(21% 30% 0% 34%)
틴트 · 셰이드 · 톤
틴트
- 9184B2
- 9D91BA
- A99EC3
- B4ACCC
- C0B9D4
- CDC7DD
- D9D5E5
- E6E3EE
- F2F1F6
셰이드
- 746792
- 62577C
- 514767
- 403853
- 302A3F
- 211C2C
- 13101B
- 06050A
- 010101
톤
- 8578A5
- 8579A1
- 847A9D
- 837B99
- 837C95
- 827D91
- 827E8D
- 817E88
- 817F84
색 조화
보색 +180°
- 8677A9
Grape Parfait
- 7D8751
≈ Field Maple
유사색 -30° +30°
- 8677A9
Grape Parfait
- 6D7FAF
≈ Marvellous
- 9A7098
≈ Tatarian Aster
삼각 배색 +120° +240°
- 8677A9
Grape Parfait
- A47552
≈ Balthasar Gold
- 489081
≈ Lochinvar
분열 보색 +150° +210°
- 8677A9
Grape Parfait
- 947E49
≈ Raked Leaves
- 618E67
≈ Stone Green
사각 배색 +90° +180° +270°
- 8677A9
Grape Parfait
- AA6F67
≈ Coral Tree
- 7D8751
≈ Field Maple
- 418E99
≈ Aqueous
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.01:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.22:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--grape-parfait: #8677a9;
--grape-parfait-rgb: 134 119 169;
--grape-parfait-oklch: oklch(0.602 0.076 297.8);
}
.element {
color: var(--grape-parfait);
background-color: hsl(258 23% 56%);
border-color: oklch(0.602 0.076 297.8);
}Tailwind CSS v4
@theme {
--color-grape-parfait: #8677a9;
--color-grape-parfait-50: #f8f1ff;
--color-grape-parfait-100: #ebe3fe;
--color-grape-parfait-200: #d9cef1;
--color-grape-parfait-300: #bdafd9;
--color-grape-parfait-400: #a395c6;
--color-grape-parfait-500: #8c7bb3;
--color-grape-parfait-600: #766897;
--color-grape-parfait-700: #5f5379;
--color-grape-parfait-800: #443d5a;
--color-grape-parfait-900: #2f2a3f;
--color-grape-parfait-950: #1c1728;
}SCSS
$grape-parfait: #8677a9;
$grape-parfait-rgb: 134, 119, 169;
$grape-parfait-light: mix(#fff, $grape-parfait, 20%);
$grape-parfait-dark: mix(#000, $grape-parfait, 20%);
.element {
color: $grape-parfait;
box-shadow: 0 0 0 2px rgba($grape-parfait, 0.35);
}