가장 가까운 이름 색상 · #8777FF
#8777FF
가장 가까운 이름 색상: Periwinkle
#8777FF(rgb(135 119 255), hsl(247 100% 73%), oklch(0.651 0.195 285))와 가장 가까운 이름 색상은 Periwinkle입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8777FF
oklch(0.651 0.195 285)
색상 변환
- HEX
- #8777ff
- RGB
- rgb(135 119 255)
- HSL
- hsl(247 100% 73%)
- HWB
- hwb(247 47% 0%)
- OKLCH
- oklch(0.651 0.195 285)
- OKLab
- oklab(0.651 0.05 -0.188)
- CIE Lab
- lab(56.76 32.47 -67.02)
- LCH
- lch(56.76 74.47 295.8)
- CMYK
- cmyk(47% 53% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 9186FF
- 9C94FF
- A7A2FF
- B3B0FF
- BFBDFF
- CBCBFF
- D8D8FF
- E5E5FF
- F2F2FF
셰이드
- 7567DE
- 6357BE
- 51479E
- 413880
- 312A63
- 211C48
- 13102E
- 060516
- 010103
톤
- 8679F2
- 847BE6
- 837DD9
- 827ECD
- 827FC0
- 8180B4
- 8180A7
- 80809A
- 80808D
색 조화
보색 +180°
- 8777FF
Periwinkle
- 9D9300
≈ Romaine Green
유사색 -30° +30°
- 8777FF
Periwinkle
- 2B8EFF
≈ Clear Chill
- BB63DF
≈ Rich Lilac
삼각 배색 +120° +240°
- 8777FF
Periwinkle
- E76000
≈ Spanish Orange
- 00A97A
≈ Dragon Scale
분열 보색 +150° +210°
- 8777FF
Periwinkle
- BF8100
≈ Turmeric Brown
- 57A700
≈ Ruminant’s Paradise
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.43:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.11:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.11:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--periwinkle: #8777ff;
--periwinkle-rgb: 135 119 255;
--periwinkle-oklch: oklch(0.651 0.195 285);
}
.element {
color: var(--periwinkle);
background-color: hsl(247 100% 73%);
border-color: oklch(0.651 0.195 285);
}Tailwind CSS v4
@theme {
--color-periwinkle: #8777ff;
--color-periwinkle-50: #f1eeff;
--color-periwinkle-100: #e3dfff;
--color-periwinkle-200: #cec7ff;
--color-periwinkle-300: #b2a6ff;
--color-periwinkle-400: #9589ff;
--color-periwinkle-500: #7f68ff;
--color-periwinkle-600: #6b59d7;
--color-periwinkle-700: #5547ad;
--color-periwinkle-800: #3c3482;
--color-periwinkle-900: #29245c;
--color-periwinkle-950: #17123f;
}SCSS
$periwinkle: #8777ff;
$periwinkle-rgb: 135, 119, 255;
$periwinkle-light: mix(#fff, $periwinkle, 20%);
$periwinkle-dark: mix(#000, $periwinkle, 20%);
.element {
color: $periwinkle;
box-shadow: 0 0 0 2px rgba($periwinkle, 0.35);
}