가장 가까운 이름 색상 · #66008B
#66008B
가장 가까운 이름 색상: Extraviolet
#66008B(rgb(102 0 139), hsl(284 100% 27%), oklch(0.387 0.193 312.7))와 가장 가까운 이름 색상은 Extraviolet입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#66008B
oklch(0.387 0.193 312.7)
색상 변환
- HEX
- #66008b
- RGB
- rgb(102 0 139)
- HSL
- hsl(284 100% 27%)
- HWB
- hwb(284 0% 45%)
- OKLCH
- oklch(0.387 0.193 312.7)
- OKLab
- oklab(0.387 0.131 -0.142)
- CIE Lab
- lab(25.33 52.7 -50.52)
- LCH
- lch(25.33 73.01 316.2)
- CMYK
- cmyk(27% 100% 0% 45%)
틴트 · 셰이드 · 톤
틴트
- 752B98
- 8445A4
- 935DB0
- A274BC
- B18BC8
- C1A2D3
- D0B9DE
- E0D0E9
- EFE7F4
셰이드
- 580078
- 4A0066
- 3C0054
- 2F0043
- 230032
- 170023
- 0C0014
- 040007
- 000001
톤
- 691D8B
- 6C2D8B
- 6F3A8A
- 724589
- 745088
- 775A87
- 796486
- 7C6D84
- 7E7782
색 조화
보색 +180°
- 66008B
Extraviolet
- 2C4F00
≈ Navy Green
유사색 -30° +30°
- 66008B
Extraviolet
- 3E22A5
≈ Indigo Blue
- 79005B
≈ Xereus Purple
삼각 배색 +120° +240°
- 66008B
Extraviolet
- 5F3C00
≈ Hippogriff Brown
- 004F4E
≈ Antique Turquoise
분열 보색 +150° +210°
- 66008B
Extraviolet
- 4D4500
≈ Roman Bronze
- 005237
≈ Trapper Green
사각 배색 +90° +180° +270°
- 66008B
Extraviolet
- 742900
≈ Chestnut
- 2C4F00
≈ Navy Green
- 004C60
≈ Raging Thunderstorm
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.83:1 · APCA Lc 93
Ag
Fail검은색 위
WCAG 1.93:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 10.83:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--extraviolet: #66008b;
--extraviolet-rgb: 102 0 139;
--extraviolet-oklch: oklch(0.387 0.193 312.7);
}
.element {
color: var(--extraviolet);
background-color: hsl(284 100% 27%);
border-color: oklch(0.387 0.193 312.7);
}Tailwind CSS v4
@theme {
--color-extraviolet: #66008b;
--color-extraviolet-50: #ffe5ff;
--color-extraviolet-100: #ffd5ff;
--color-extraviolet-200: #f3bbff;
--color-extraviolet-300: #dc97fb;
--color-extraviolet-400: #c577ef;
--color-extraviolet-500: #b154df;
--color-extraviolet-600: #9548bc;
--color-extraviolet-700: #783997;
--color-extraviolet-800: #572972;
--color-extraviolet-900: #3d1c51;
--color-extraviolet-950: #260b36;
}SCSS
$extraviolet: #66008b;
$extraviolet-rgb: 102, 0, 139;
$extraviolet-light: mix(#fff, $extraviolet, 20%);
$extraviolet-dark: mix(#000, $extraviolet, 20%);
.element {
color: $extraviolet;
box-shadow: 0 0 0 2px rgba($extraviolet, 0.35);
}