이름 색상 · #8866FF
Purple Anemone
Purple Anemone은(는) #8866FF: rgb(136 102 255), hsl(253 100% 70%), oklch(0.624 0.217 288.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Purple Anemone color name →
#8866FF
oklch(0.624 0.217 288.7)
색상 변환
- HEX
- #8866ff
- RGB
- rgb(136 102 255)
- HSL
- hsl(253 100% 70%)
- HWB
- hwb(253 40% 0%)
- OKLCH
- oklch(0.624 0.217 288.7)
- OKLab
- oklab(0.624 0.07 -0.205)
- CIE Lab
- lab(53.02 41.9 -73.04)
- LCH
- lch(53.02 84.2 299.8)
- CMYK
- cmyk(47% 60% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 9278FF
- 9C88FF
- A798FF
- B3A7FF
- BFB6FF
- CBC5FF
- D8D4FF
- E4E2FF
- F2F1FF
셰이드
- 7558DE
- 634ABE
- 523C9E
- 412F80
- 312363
- 221748
- 130C2E
- 060416
- 010003
톤
- 866BF3
- 856FE6
- 8473DA
- 8376CD
- 8278C1
- 817AB4
- 807CA7
- 807E9B
- 807F8D
색 조화
보색 +180°
- 8866FF
Purple Anemone
- 8F8D00
≈ Old Asparagus
유사색 -30° +30°
- 8866FF
Purple Anemone
- 2C82FF
≈ Ceruleite
- BC4FD9
≈ Medium Orchid
삼각 배색 +120° +240°
- 8866FF
Purple Anemone
- D46100
≈ Exuberance
- 009F7A
≈ Holly Green
분열 보색 +150° +210°
- 8866FF
Purple Anemone
- B17C00
≈ Golden Brown
- 3BA100
≈ Grassy Green
사각 배색 +90° +180° +270°
- 8866FF
Purple Anemone
- ED3651
≈ Radish Lips
- 8F8D00
≈ Old Asparagus
- 009A9F
≈ Riviera Paradise
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.89:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.39:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.39:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--purple-anemone: #8866ff;
--purple-anemone-rgb: 136 102 255;
--purple-anemone-oklch: oklch(0.624 0.217 288.7);
}
.element {
color: var(--purple-anemone);
background-color: hsl(253 100% 70%);
border-color: oklch(0.624 0.217 288.7);
}Tailwind CSS v4
@theme {
--color-purple-anemone: #8866ff;
--color-purple-anemone-50: #f4ebff;
--color-purple-anemone-100: #e7dcff;
--color-purple-anemone-200: #d4c3ff;
--color-purple-anemone-300: #b9a1ff;
--color-purple-anemone-400: #9e81ff;
--color-purple-anemone-500: #885eff;
--color-purple-anemone-600: #7351df;
--color-purple-anemone-700: #5c41b4;
--color-purple-anemone-800: #412f88;
--color-purple-anemone-900: #2c2060;
--color-purple-anemone-950: #1a0e42;
}SCSS
$purple-anemone: #8866ff;
$purple-anemone-rgb: 136, 102, 255;
$purple-anemone-light: mix(#fff, $purple-anemone, 20%);
$purple-anemone-dark: mix(#000, $purple-anemone, 20%);
.element {
color: $purple-anemone;
box-shadow: 0 0 0 2px rgba($purple-anemone, 0.35);
}