이름 색상 · #A66FB5
Soft Purple
Soft Purple은(는) #A66FB5: rgb(166 111 181), hsl(287 32% 57%), oklch(0.625 0.119 318.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Soft Purple color name →
#A66FB5
oklch(0.625 0.119 318.9)
색상 변환
- HEX
- #a66fb5
- RGB
- rgb(166 111 181)
- HSL
- hsl(287 32% 57%)
- HWB
- hwb(287 44% 29%)
- OKLCH
- oklch(0.625 0.119 318.9)
- OKLab
- oklab(0.625 0.089 -0.078)
- CIE Lab
- lab(54.74 31.46 -28.41)
- LCH
- lch(54.74 42.38 317.9)
- CMYK
- cmyk(8% 39% 0% 29%)
틴트 · 셰이드 · 톤
틴트
- AF7DBD
- B88BC4
- C199CC
- CAA8D3
- D3B6DB
- DCC4E2
- E4D3E9
- EDE1F1
- F6F0F8
셰이드
- 90609D
- 7A5186
- 65426F
- 513459
- 3E2744
- 2B1A30
- 1A0E1D
- 0A040C
- 010102
톤
- A271B0
- 9F73AB
- 9B75A5
- 9777A0
- 94799B
- 907A96
- 8C7C90
- 887D8B
- 847F85
색 조화
보색 +180°
- A66FB5
Soft Purple
- 619850
≈ Wicked Witch
유사색 -30° +30°
- A66FB5
Soft Purple
- 867ACA
≈ Ube
- BC6893
≈ Malevolent Mauve
삼각 배색 +120° +240°
- A66FB5
Soft Purple
- AE7E21
≈ Burnt Honey
- 009BA0
≈ Riviera Paradise
분열 보색 +150° +210°
- A66FB5
Soft Purple
- 8E8D29
≈ Potter Green
- 1D9E7B
≈ Tropical Kelp
사각 배색 +90° +180° +270°
- A66FB5
Soft Purple
- C07042
≈ Screaming Bell Metal
- 619850
≈ Wicked Witch
- 1594C0
≈ Spa Dream
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.77:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.56:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.56:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--soft-purple: #a66fb5;
--soft-purple-rgb: 166 111 181;
--soft-purple-oklch: oklch(0.625 0.119 318.9);
}
.element {
color: var(--soft-purple);
background-color: hsl(287 32% 57%);
border-color: oklch(0.625 0.119 318.9);
}Tailwind CSS v4
@theme {
--color-soft-purple: #a66fb5;
--color-soft-purple-50: #ffebff;
--color-soft-purple-100: #fbdcff;
--color-soft-purple-200: #ecc4f4;
--color-soft-purple-300: #d3a4dd;
--color-soft-purple-400: #bc87cb;
--color-soft-purple-500: #a76bb8;
--color-soft-purple-600: #8d5b9b;
--color-soft-purple-700: #71487d;
--color-soft-purple-800: #53345d;
--color-soft-purple-900: #3a2441;
--color-soft-purple-950: #24122a;
}SCSS
$soft-purple: #a66fb5;
$soft-purple-rgb: 166, 111, 181;
$soft-purple-light: mix(#fff, $soft-purple, 20%);
$soft-purple-dark: mix(#000, $soft-purple, 20%);
.element {
color: $soft-purple;
box-shadow: 0 0 0 2px rgba($soft-purple, 0.35);
}