가장 가까운 이름 색상 · #22225B
#22225B
가장 가까운 이름 색상: Spacescape
#22225B(rgb(34 34 91), hsl(240 46% 25%), oklch(0.29 0.1 278.2))와 가장 가까운 이름 색상은 Spacescape입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#22225B
oklch(0.29 0.1 278.2)
색상 변환
- HEX
- #22225b
- RGB
- rgb(34 34 91)
- HSL
- hsl(240 46% 25%)
- HWB
- hwb(240 13% 64%)
- OKLCH
- oklch(0.29 0.1 278.2)
- OKLab
- oklab(0.29 0.014 -0.099)
- CIE Lab
- lab(16.19 15.12 -35.01)
- LCH
- lch(16.19 38.14 293.4)
- CMYK
- cmyk(63% 63% 0% 64%)
틴트 · 셰이드 · 톤
틴트
- 33376B
- 464B7B
- 5B608C
- 70759C
- 868BAC
- 9DA1BD
- B5B8CD
- CDCFDE
- E6E7EE
셰이드
- 1C1C4E
- 161641
- 111135
- 0B0B29
- 07071E
- 030313
- 010109
- 000003
- 000000
톤
- 2A2C5F
- 323564
- 3B3F68
- 44486C
- 4D516F
- 575B73
- 616477
- 6B6D7A
- 75777D
색 조화
보색 +180°
- 22225B
Spacescape
- 332B00
≈ Secret Passage
유사색 -30° +30°
- 22225B
Spacescape
- 002D50
≈ Indigo Black
- 391950
≈ Russian Violet
삼각 배색 +120° +240°
- 22225B
Spacescape
- 501400
≈ Earth Brown
- 00351E
≈ Off-Road Green
분열 보색 +150° +210°
- 22225B
Spacescape
- 3F2400
≈ Blackened Brown
- 203200
≈ Blind Forest
사각 배색 +90° +180° +270°
- 22225B
Spacescape
- 510C21
≈ Fig Balsamic
- 332B00
≈ Secret Passage
- 003330
≈ Nora’s Forest
대비 및 접근성
Ag
AAA흰색 위
WCAG 14.50:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.44:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 14.50:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--spacescape: #22225b;
--spacescape-rgb: 34 34 91;
--spacescape-oklch: oklch(0.29 0.1 278.2);
}
.element {
color: var(--spacescape);
background-color: hsl(240 46% 25%);
border-color: oklch(0.29 0.1 278.2);
}Tailwind CSS v4
@theme {
--color-spacescape: #22225b;
--color-spacescape-50: #eff3ff;
--color-spacescape-100: #e1e5ff;
--color-spacescape-200: #cbd0ff;
--color-spacescape-300: #adb2ea;
--color-spacescape-400: #9199d9;
--color-spacescape-500: #777fc7;
--color-spacescape-600: #656ba8;
--color-spacescape-700: #515687;
--color-spacescape-800: #393f65;
--color-spacescape-900: #272b47;
--color-spacescape-950: #15182e;
}SCSS
$spacescape: #22225b;
$spacescape-rgb: 34, 34, 91;
$spacescape-light: mix(#fff, $spacescape, 20%);
$spacescape-dark: mix(#000, $spacescape, 20%);
.element {
color: $spacescape;
box-shadow: 0 0 0 2px rgba($spacescape, 0.35);
}