가장 가까운 이름 색상 · #48008A
#48008A
가장 가까운 이름 색상: Indigo Static
#48008A(rgb(72 0 138), hsl(271 100% 27%), oklch(0.343 0.186 297.2))와 가장 가까운 이름 색상은 Indigo Static입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#48008A
oklch(0.343 0.186 297.2)
색상 변환
- HEX
- #48008a
- RGB
- rgb(72 0 138)
- HSL
- hsl(271 100% 27%)
- HWB
- hwb(271 0% 46%)
- OKLCH
- oklch(0.343 0.186 297.2)
- OKLab
- oklab(0.343 0.085 -0.165)
- CIE Lab
- lab(19.97 48.03 -58.91)
- LCH
- lch(19.97 76.01 309.2)
- CMYK
- cmyk(48% 100% 0% 46%)
틴트 · 셰이드 · 톤
틴트
- 572A97
- 6744A4
- 785CB0
- 8A73BC
- 9C8AC8
- AFA0D4
- C2B8DF
- D6CFEA
- EAE7F5
셰이드
- 3D0077
- 330065
- 290053
- 1F0042
- 160032
- 0D0022
- 060014
- 020007
- 000001
톤
- 4C1C8A
- 512C8A
- 56398A
- 5C448A
- 614F89
- 675988
- 6D6386
- 736D85
- 7A7683
색 조화
보색 +180°
- 48008A
Indigo Static
- 363E00
≈ Dark Olive
유사색 -30° +30°
- 48008A
Indigo Static
- 132297
≈ Deepsea Kraken
- 5F0062
≈ Clear Plum
삼각 배색 +120° +240°
- 48008A
Indigo Static
- 582B00
≈ Fudge Brownie
- 004338
≈ UP Forest Green
분열 보색 +150° +210°
- 48008A
Indigo Static
- 483600
≈ Night in the Woods
- 004615
≈ Wailing Woods
사각 배색 +90° +180° +270°
- 48008A
Indigo Static
- 700006
≈ Hellbound
- 363E00
≈ Dark Olive
- 004148
≈ Warm Black
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.78:1 · APCA Lc 97
Ag
Fail검은색 위
WCAG 1.64:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.78:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--indigo-static: #48008a;
--indigo-static-rgb: 72 0 138;
--indigo-static-oklch: oklch(0.343 0.186 297.2);
}
.element {
color: var(--indigo-static);
background-color: hsl(271 100% 27%);
border-color: oklch(0.343 0.186 297.2);
}Tailwind CSS v4
@theme {
--color-indigo-static: #48008a;
--color-indigo-static-50: #fceaff;
--color-indigo-static-100: #f0dbff;
--color-indigo-static-200: #dfc2ff;
--color-indigo-static-300: #c5a0ff;
--color-indigo-static-400: #ac82fd;
--color-indigo-static-500: #9661ef;
--color-indigo-static-600: #7f53ca;
--color-indigo-static-700: #6643a2;
--color-indigo-static-800: #49307a;
--color-indigo-static-900: #322157;
--color-indigo-static-950: #1e0f3a;
}SCSS
$indigo-static: #48008a;
$indigo-static-rgb: 72, 0, 138;
$indigo-static-light: mix(#fff, $indigo-static, 20%);
$indigo-static-dark: mix(#000, $indigo-static, 20%);
.element {
color: $indigo-static;
box-shadow: 0 0 0 2px rgba($indigo-static, 0.35);
}