가장 가까운 이름 색상 · #1A458F
#1A458F
가장 가까운 이름 색상: Nuit Blanche
#1A458F(rgb(26 69 143), hsl(218 69% 33%), oklch(0.406 0.132 260.5))와 가장 가까운 이름 색상은 Nuit Blanche입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#1A458F
oklch(0.406 0.132 260.5)
색상 변환
- HEX
- #1a458f
- RGB
- rgb(26 69 143)
- HSL
- hsl(218 69% 33%)
- HWB
- hwb(218 10% 44%)
- OKLCH
- oklch(0.406 0.132 260.5)
- OKLab
- oklab(0.406 -0.022 -0.13)
- CIE Lab
- lab(29.82 7.79 -46.14)
- LCH
- lch(29.82 46.79 279.6)
- CMYK
- cmyk(82% 52% 0% 44%)
틴트 · 셰이드 · 톤
틴트
- 30579B
- 466AA7
- 5B7CB2
- 718EBE
- 88A0C9
- 9FB3D4
- B6C6DF
- CED9EA
- E6ECF4
셰이드
- 153B7C
- 103169
- 0C2757
- 071E45
- 041534
- 020C24
- 010515
- 000207
- 000001
톤
- 254C8E
- 30528D
- 3A598C
- 445F8B
- 4E658A
- 586A88
- 627087
- 6C7585
- 767B82
색 조화
보색 +180°
- 1A458F
Nuit Blanche
- 604300
≈ Mud Brown
유사색 -30° +30°
- 1A458F
Nuit Blanche
- 00506D
≈ Gemstone Blue
- 4B378A
≈ Blue Gem
삼각 배색 +120° +240°
- 1A458F
Nuit Blanche
- 822029
≈ Red Dahlia
- 145900
≈ Lincoln Green
분열 보색 +150° +210°
- 1A458F
Nuit Blanche
- 753400
≈ Bay Brown
- 4C4D00
≈ Scorzonera Brown
사각 배색 +90° +180° +270°
- 1A458F
Nuit Blanche
- 7A2252
≈ Smooch
- 604300
≈ Mud Brown
- 005743
≈ Sacramento State Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.16:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.29:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.16:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--nuit-blanche: #1a458f;
--nuit-blanche-rgb: 26 69 143;
--nuit-blanche-oklch: oklch(0.406 0.132 260.5);
}
.element {
color: var(--nuit-blanche);
background-color: hsl(218 69% 33%);
border-color: oklch(0.406 0.132 260.5);
}Tailwind CSS v4
@theme {
--color-nuit-blanche: #1a458f;
--color-nuit-blanche-50: #e1f6ff;
--color-nuit-blanche-100: #d1e9ff;
--color-nuit-blanche-200: #b6d5ff;
--color-nuit-blanche-300: #93b7fb;
--color-nuit-blanche-400: #709eec;
--color-nuit-blanche-500: #5184dc;
--color-nuit-blanche-600: #4570ba;
--color-nuit-blanche-700: #375a95;
--color-nuit-blanche-800: #24426f;
--color-nuit-blanche-900: #182e4e;
--color-nuit-blanche-950: #091a34;
}SCSS
$nuit-blanche: #1a458f;
$nuit-blanche-rgb: 26, 69, 143;
$nuit-blanche-light: mix(#fff, $nuit-blanche, 20%);
$nuit-blanche-dark: mix(#000, $nuit-blanche, 20%);
.element {
color: $nuit-blanche;
box-shadow: 0 0 0 2px rgba($nuit-blanche, 0.35);
}