이름 색상 · #645A8B
Idol
Idol은(는) #645A8B: rgb(100 90 139), hsl(252 21% 45%), oklch(0.498 0.078 292.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Idol color name →
#645A8B
oklch(0.498 0.078 292.7)
색상 변환
- HEX
- #645a8b
- RGB
- rgb(100 90 139)
- HSL
- hsl(252 21% 45%)
- HWB
- hwb(252 35% 45%)
- OKLCH
- oklch(0.498 0.078 292.7)
- OKLab
- oklab(0.498 0.03 -0.072)
- CIE Lab
- lab(40.78 12.86 -25.98)
- LCH
- lch(40.78 28.98 296.3)
- CMYK
- cmyk(28% 35% 0% 45%)
틴트 · 셰이드 · 톤
틴트
- 726996
- 8079A2
- 8F89AD
- 9E99B9
- AEAAC5
- BEBAD0
- CECBDC
- DEDCE8
- EEEDF3
셰이드
- 564D78
- 484166
- 3B3554
- 2E2943
- 221E32
- 161323
- 0B0914
- 030307
- 000001
톤
- 675E8A
- 696289
- 6C6688
- 6F6A87
- 726D86
- 747185
- 777584
- 7A7983
- 7D7C81
색 조화
보색 +180°
- 645A8B
Idol
- 636730
≈ Gretchin Green
유사색 -30° +30°
- 645A8B
Idol
- 4B628F
≈ Sea of Galilee
- 78537C
≈ Birthstone
삼각 배색 +120° +240°
- 645A8B
Idol
- 855637
≈ Football
- 29715E
≈ Nordic Forest
분열 보색 +150° +210°
- 645A8B
Idol
- 785E2A
≈ Brassy Brass
- 486E45
≈ Pine Scent
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.21:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.37:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.21:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--idol: #645a8b;
--idol-rgb: 100 90 139;
--idol-oklch: oklch(0.498 0.078 292.7);
}
.element {
color: var(--idol);
background-color: hsl(252 21% 45%);
border-color: oklch(0.498 0.078 292.7);
}Tailwind CSS v4
@theme {
--color-idol: #645a8b;
--color-idol-50: #f6f1ff;
--color-idol-100: #e9e3ff;
--color-idol-200: #d6cef3;
--color-idol-300: #b9b0dc;
--color-idol-400: #9f96c9;
--color-idol-500: #887db5;
--color-idol-600: #736a99;
--color-idol-700: #5c547b;
--color-idol-800: #423e5b;
--color-idol-900: #2e2a40;
--color-idol-950: #1b1829;
}SCSS
$idol: #645a8b;
$idol-rgb: 100, 90, 139;
$idol-light: mix(#fff, $idol, 20%);
$idol-dark: mix(#000, $idol, 20%);
.element {
color: $idol;
box-shadow: 0 0 0 2px rgba($idol, 0.35);
}