이름 색상 · #273287
Intergalactic Highway
Intergalactic Highway은(는) #273287: rgb(39 50 135), hsl(233 55% 34%), oklch(0.365 0.141 271.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Intergalactic Highway color name →
#273287
oklch(0.365 0.141 271.7)
색상 변환
- HEX
- #273287
- RGB
- rgb(39 50 135)
- HSL
- hsl(233 55% 34%)
- HWB
- hwb(233 15% 47%)
- OKLCH
- oklch(0.365 0.141 271.7)
- OKLab
- oklab(0.365 0.004 -0.141)
- CIE Lab
- lab(24.34 19.5 -50.03)
- LCH
- lch(24.34 53.7 291.3)
- CMYK
- cmyk(71% 63% 0% 47%)
틴트 · 셰이드 · 톤
틴트
- 384794
- 4B5BA1
- 5F6FAD
- 7483B9
- 8997C5
- A0ABD1
- B7C0DD
- CED5E8
- E6EAF4
셰이드
- 202A75
- 1A2263
- 141B51
- 0E1441
- 080D31
- 040721
- 020313
- 010106
- 000001
톤
- 2E3B87
- 364487
- 3E4C87
- 475487
- 505C86
- 596386
- 636B85
- 6C7283
- 767982
색 조화
보색 +180°
- 273287
Intergalactic Highway
- 4D3C00
≈ Xanthophobia
유사색 -30° +30°
- 273287
Intergalactic Highway
- 004267
≈ Dark Imperial Blue
- 4D237B
≈ Spanish Violet
삼각 배색 +120° +240°
- 273287
Intergalactic Highway
- 770E00
≈ Sang de Boeuf
- 004C23
≈ Pine Green
분열 보색 +150° +210°
- 273287
Intergalactic Highway
- 5D3200
≈ Chocolate Fantasies
- 374500
≈ Garden Shadow
사각 배색 +90° +180° +270°
- 273287
Intergalactic Highway
- 740739
≈ Merlot
- 4D3C00
≈ Xanthophobia
- 004941
≈ Tropical Forest
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.09:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.89:1 · APCA Lc 7
가장 좋은 글자색: #FFFFFF
WCAG 11.09:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--intergalactic-highway: #273287;
--intergalactic-highway-rgb: 39 50 135;
--intergalactic-highway-oklch: oklch(0.365 0.141 271.7);
}
.element {
color: var(--intergalactic-highway);
background-color: hsl(233 55% 34%);
border-color: oklch(0.365 0.141 271.7);
}Tailwind CSS v4
@theme {
--color-intergalactic-highway: #273287;
--color-intergalactic-highway-50: #e8f3ff;
--color-intergalactic-highway-100: #d8e5ff;
--color-intergalactic-highway-200: #c1d1ff;
--color-intergalactic-highway-300: #a0b2ff;
--color-intergalactic-highway-400: #8198f2;
--color-intergalactic-highway-500: #667de3;
--color-intergalactic-highway-600: #576abf;
--color-intergalactic-highway-700: #45559a;
--color-intergalactic-highway-800: #2f3e73;
--color-intergalactic-highway-900: #202b51;
--color-intergalactic-highway-950: #101836;
}SCSS
$intergalactic-highway: #273287;
$intergalactic-highway-rgb: 39, 50, 135;
$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);
}