가장 가까운 이름 색상 · #50048D
#50048D
가장 가까운 이름 색상: Indigo Static
#50048D(rgb(80 4 141), hsl(273 94% 28%), oklch(0.359 0.188 300.5))와 가장 가까운 이름 색상은 Indigo Static입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#50048D
oklch(0.359 0.188 300.5)
색상 변환
- HEX
- #50048d
- RGB
- rgb(80 4 141)
- HSL
- hsl(273 94% 28%)
- HWB
- hwb(273 2% 45%)
- OKLCH
- oklch(0.359 0.188 300.5)
- OKLab
- oklab(0.359 0.095 -0.162)
- CIE Lab
- lab(21.9 48.71 -57.56)
- LCH
- lch(21.9 75.4 310.2)
- CMYK
- cmyk(43% 97% 0% 45%)
틴트 · 셰이드 · 톤
틴트
- 5F2C9A
- 6F46A6
- 7F5DB2
- 9074BE
- A18BCA
- B3A2D5
- C6B8E0
- D8D0EA
- ECE7F5
셰이드
- 44037A
- 390267
- 2E0155
- 240144
- 1A0133
- 100023
- 070014
- 020007
- 000001
톤
- 541E8D
- 582E8D
- 5D3A8C
- 61468B
- 66508A
- 6B5A89
- 706487
- 756D85
- 7B7783
색 조화
보색 +180°
- 50048D
Indigo Static
- 374300
≈ Garden Shadow
유사색 -30° +30°
- 50048D
Indigo Static
- 1F249D
≈ Deepsea Kraken
- 680063
≈ Purple Dreamer
삼각 배색 +120° +240°
- 50048D
Indigo Static
- 5C3000
≈ Eyelash Camel
- 00483E
≈ Tropical Forest
분열 보색 +150° +210°
- 50048D
Indigo Static
- 4C3B00
≈ Xanthophobia
- 004A1F
≈ Pine Green
사각 배색 +90° +180° +270°
- 50048D
Indigo Static
- 760700
≈ Liquorice Red
- 374300
≈ Garden Shadow
- 00454F
≈ Crab Nebula
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.04:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.74:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.04:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--indigo-static: #50048d;
--indigo-static-rgb: 80 4 141;
--indigo-static-oklch: oklch(0.359 0.188 300.5);
}
.element {
color: var(--indigo-static);
background-color: hsl(273 94% 28%);
border-color: oklch(0.359 0.188 300.5);
}Tailwind CSS v4
@theme {
--color-indigo-static: #50048d;
--color-indigo-static-50: #ffe9ff;
--color-indigo-static-100: #f4d9ff;
--color-indigo-static-200: #e4c1ff;
--color-indigo-static-300: #ca9eff;
--color-indigo-static-400: #b180fb;
--color-indigo-static-500: #9c5fed;
--color-indigo-static-600: #8451c8;
--color-indigo-static-700: #6a41a1;
--color-indigo-static-800: #4c2f79;
--color-indigo-static-900: #352056;
--color-indigo-static-950: #200e3a;
}SCSS
$indigo-static: #50048d;
$indigo-static-rgb: 80, 4, 141;
$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);
}