이름 색상 · #320094
Full Swing Indigo
Full Swing Indigo은(는) #320094: rgb(50 0 148), hsl(260 100% 29%), oklch(0.33 0.196 282.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Full Swing Indigo color name →
#320094
oklch(0.33 0.196 282.2)
색상 변환
- HEX
- #320094
- RGB
- rgb(50 0 148)
- HSL
- hsl(260 100% 29%)
- HWB
- hwb(260 0% 42%)
- OKLCH
- oklch(0.33 0.196 282.2)
- OKLab
- oklab(0.33 0.042 -0.192)
- CIE Lab
- lab(17.94 47.65 -68.61)
- LCH
- lch(17.94 83.54 304.8)
- CMYK
- cmyk(66% 100% 0% 42%)
틴트 · 셰이드 · 톤
틴트
- 3F2CA1
- 4F47AD
- 625EB8
- 7575C4
- 8A8CCF
- A0A3D9
- B7B9E3
- CED0ED
- E6E8F6
셰이드
- 2A0080
- 22006D
- 1B005A
- 140048
- 0D0036
- 070026
- 030016
- 010008
- 000001
톤
- 361E93
- 3C2E93
- 423B92
- 4A4790
- 52518F
- 5A5B8C
- 63658A
- 6C6E87
- 767784
색 조화
보색 +180°
- 320094
Full Swing Indigo
- 3D3600
≈ Camouflage
유사색 -30° +30°
- 320094
Full Swing Indigo
- 003666
≈ Marine Blue
- 510070
≈ Royal Purple
삼각 배색 +120° +240°
- 320094
Full Swing Indigo
- 5D1E00
≈ Conker Brown
- 00402A
≈ Angel Green
분열 보색 +150° +210°
- 320094
Full Swing Indigo
- 4B2E00
≈ Stirland Mud
- 223E00
≈ Hunter Green
사각 배색 +90° +180° +270°
- 320094
Full Swing Indigo
- 680022
≈ Merguez
- 3D3600
≈ Camouflage
- 003E3D
≈ Rich Black
대비 및 접근성
Ag
AAA흰색 위
WCAG 13.43:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.56:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 13.43:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--full-swing-indigo: #320094;
--full-swing-indigo-rgb: 50 0 148;
--full-swing-indigo-oklch: oklch(0.33 0.196 282.2);
}
.element {
color: var(--full-swing-indigo);
background-color: hsl(260 100% 29%);
border-color: oklch(0.33 0.196 282.2);
}Tailwind CSS v4
@theme {
--color-full-swing-indigo: #320094;
--color-full-swing-indigo-50: #eeeeff;
--color-full-swing-indigo-100: #dfe0ff;
--color-full-swing-indigo-200: #cac9ff;
--color-full-swing-indigo-300: #ada7ff;
--color-full-swing-indigo-400: #908aff;
--color-full-swing-indigo-500: #786aff;
--color-full-swing-indigo-600: #665bd9;
--color-full-swing-indigo-700: #5149af;
--color-full-swing-indigo-800: #383583;
--color-full-swing-indigo-900: #26245d;
--color-full-swing-indigo-950: #151240;
}SCSS
$full-swing-indigo: #320094;
$full-swing-indigo-rgb: 50, 0, 148;
$full-swing-indigo-light: mix(#fff, $full-swing-indigo, 20%);
$full-swing-indigo-dark: mix(#000, $full-swing-indigo, 20%);
.element {
color: $full-swing-indigo;
box-shadow: 0 0 0 2px rgba($full-swing-indigo, 0.35);
}