가장 가까운 이름 색상 · #474B9C
#474B9C
가장 가까운 이름 색상: Galaxy Express
#474B9C(rgb(71 75 156), hsl(237 37% 45%), oklch(0.453 0.129 277.8))와 가장 가까운 이름 색상은 Galaxy Express입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#474B9C
oklch(0.453 0.129 277.8)
색상 변환
- HEX
- #474b9c
- RGB
- rgb(71 75 156)
- HSL
- hsl(237 37% 45%)
- HWB
- hwb(237 28% 39%)
- OKLCH
- oklch(0.453 0.129 277.8)
- OKLab
- oklab(0.453 0.017 -0.128)
- CIE Lab
- lab(34.93 17.07 -45.65)
- LCH
- lch(34.93 48.73 290.5)
- CMYK
- cmyk(54% 52% 0% 39%)
틴트 · 셰이드 · 톤
틴트
- 575DA7
- 676EB1
- 7880BB
- 8A91C6
- 9CA3D0
- AFB5D9
- C3C7E3
- D6DAEC
- EBECF6
셰이드
- 3D4087
- 323573
- 282B5F
- 1F214C
- 161739
- 0D0E28
- 060618
- 020209
- 000001
톤
- 4C519A
- 515798
- 565D95
- 5C6293
- 626790
- 676C8D
- 6D718A
- 747687
- 7A7B84
색 조화
보색 +180°
- 474B9C
Galaxy Express
- 645600
≈ Ayahuasca Vine
유사색 -30° +30°
- 474B9C
Galaxy Express
- 005995
≈ Bandana
- 6A3E8D
≈ Sweet Flag
삼각 배색 +120° +240°
- 474B9C
Galaxy Express
- 8F3517
≈ Bengala Red
- 00673E
≈ Celtic Clover
분열 보색 +150° +210°
- 474B9C
Galaxy Express
- 7A4A00
≈ Lucky Brown
- 436100
≈ Rainforest Matcha
사각 배색 +90° +180° +270°
- 474B9C
Galaxy Express
- 8E2F49
≈ Scarlet Apple
- 645600
≈ Ayahuasca Vine
- 00645E
≈ Emerald Stone
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.62:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.75:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.62:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--galaxy-express: #474b9c;
--galaxy-express-rgb: 71 75 156;
--galaxy-express-oklch: oklch(0.453 0.129 277.8);
}
.element {
color: var(--galaxy-express);
background-color: hsl(237 37% 45%);
border-color: oklch(0.453 0.129 277.8);
}Tailwind CSS v4
@theme {
--color-galaxy-express: #474b9c;
--color-galaxy-express-50: #edf2ff;
--color-galaxy-express-100: #dee4ff;
--color-galaxy-express-200: #c9cfff;
--color-galaxy-express-300: #aab0f9;
--color-galaxy-express-400: #8d96ea;
--color-galaxy-express-500: #737bda;
--color-galaxy-express-600: #6168b8;
--color-galaxy-express-700: #4e5394;
--color-galaxy-express-800: #363d6e;
--color-galaxy-express-900: #252a4e;
--color-galaxy-express-950: #141734;
}SCSS
$galaxy-express: #474b9c;
$galaxy-express-rgb: 71, 75, 156;
$galaxy-express-light: mix(#fff, $galaxy-express, 20%);
$galaxy-express-dark: mix(#000, $galaxy-express, 20%);
.element {
color: $galaxy-express;
box-shadow: 0 0 0 2px rgba($galaxy-express, 0.35);
}