가장 가까운 이름 색상 · #2A2F80
#2A2F80
가장 가까운 이름 색상: Intergalactic Highway
#2A2F80(rgb(42 47 128), hsl(237 51% 33%), oklch(0.355 0.134 274.5))와 가장 가까운 이름 색상은 Intergalactic Highway입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2A2F80
oklch(0.355 0.134 274.5)
색상 변환
- HEX
- #2a2f80
- RGB
- rgb(42 47 128)
- HSL
- hsl(237 51% 33%)
- HWB
- hwb(237 16% 50%)
- OKLCH
- oklch(0.355 0.134 274.5)
- OKLab
- oklab(0.355 0.011 -0.134)
- CIE Lab
- lab(23.21 19.81 -47.49)
- LCH
- lch(23.21 51.46 292.6)
- CMYK
- cmyk(67% 63% 0% 50%)
틴트 · 셰이드 · 톤
틴트
- 3B448D
- 4D589B
- 616CA8
- 7580B5
- 8B95C1
- A1A9CE
- B7BEDA
- CFD4E7
- E7E9F3
셰이드
- 23276E
- 1C205D
- 16194D
- 10123D
- 0A0C2E
- 05061F
- 020312
- 010106
- 000001
톤
- 313981
- 384182
- 404A82
- 495283
- 515A83
- 5A6283
- 636983
- 6D7182
- 767881
색 조화
보색 +180°
- 2A2F80
Intergalactic Highway
- 483B00
≈ Xanthophobia
유사색 -30° +30°
- 2A2F80
Intergalactic Highway
- 003F66
≈ Dark Imperial Blue
- 4C2173
≈ Mystic Nights
삼각 배색 +120° +240°
- 2A2F80
Intergalactic Highway
- 6F1600
≈ Cedar Wood Finish
- 004926
≈ Pine Green
분열 보색 +150° +210°
- 2A2F80
Intergalactic Highway
- 583100
≈ Eyelash Camel
- 324300
≈ Garden Shadow
사각 배색 +90° +180° +270°
- 2A2F80
Intergalactic Highway
- 6F0933
≈ Her Fierceness
- 483B00
≈ Xanthophobia
- 004640
≈ Dark Side
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.55:1 · APCA Lc 96
Ag
Fail검은색 위
WCAG 1.81:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.55:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--intergalactic-highway: #2a2f80;
--intergalactic-highway-rgb: 42 47 128;
--intergalactic-highway-oklch: oklch(0.355 0.134 274.5);
}
.element {
color: var(--intergalactic-highway);
background-color: hsl(237 51% 33%);
border-color: oklch(0.355 0.134 274.5);
}Tailwind CSS v4
@theme {
--color-intergalactic-highway: #2a2f80;
--color-intergalactic-highway-50: #eaf3ff;
--color-intergalactic-highway-100: #dbe5ff;
--color-intergalactic-highway-200: #c5d0ff;
--color-intergalactic-highway-300: #a5b1fc;
--color-intergalactic-highway-400: #8797ed;
--color-intergalactic-highway-500: #6d7cde;
--color-intergalactic-highway-600: #5c69bb;
--color-intergalactic-highway-700: #495496;
--color-intergalactic-highway-800: #333e70;
--color-intergalactic-highway-900: #232b4f;
--color-intergalactic-highway-950: #121835;
}SCSS
$intergalactic-highway: #2a2f80;
$intergalactic-highway-rgb: 42, 47, 128;
$intergalactic-highway-light: mix(#fff, $intergalactic-highway, 20%);
$intergalactic-highway-dark: mix(#000, $intergalactic-highway, 20%);
.element {
color: $intergalactic-highway;
box-shadow: 0 0 0 2px rgba($intergalactic-highway, 0.35);
}