이름 색상 · #1E488F
Nuit Blanche
Nuit Blanche은(는) #1E488F: rgb(30 72 143), hsl(218 65% 34%), oklch(0.414 0.127 260.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Nuit Blanche color name →
#1E488F
oklch(0.414 0.127 260.3)
색상 변환
- HEX
- #1e488f
- RGB
- rgb(30 72 143)
- HSL
- hsl(218 65% 34%)
- HWB
- hwb(218 12% 44%)
- OKLCH
- oklch(0.414 0.127 260.3)
- OKLab
- oklab(0.414 -0.021 -0.125)
- CIE Lab
- lab(30.88 6.44 -44.42)
- LCH
- lch(30.88 44.88 278.2)
- CMYK
- cmyk(79% 50% 0% 44%)
틴트 · 셰이드 · 톤
틴트
- 345A9B
- 496CA7
- 5E7EB2
- 7490BD
- 8AA2C9
- A0B4D4
- B7C6DF
- CFD9EA
- E7ECF4
셰이드
- 193D7C
- 133369
- 0E2957
- 091F45
- 051634
- 030D24
- 010615
- 000207
- 000001
톤
- 294E8E
- 33558D
- 3D5A8C
- 46608B
- 50668A
- 5A6B88
- 637187
- 6D7685
- 767B82
색 조화
보색 +180°
- 1E488F
Nuit Blanche
- 634500
≈ Notorious Neanderthal
유사색 -30° +30°
- 1E488F
Nuit Blanche
- 005370
≈ Night Kite
- 4D3B8A
≈ Blue Gem
삼각 배색 +120° +240°
- 1E488F
Nuit Blanche
- 82252D
≈ Red Dahlia
- 1B5B0A
≈ Lincoln Green
분열 보색 +150° +210°
- 1E488F
Nuit Blanche
- 783500
≈ Bay Brown
- 4F4F00
≈ Scorzonera Brown
사각 배색 +90° +180° +270°
- 1E488F
Nuit Blanche
- 7B2755
≈ Pico Eggplant
- 634500
≈ Notorious Neanderthal
- 005945
≈ Forest Shadows
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.82:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.37:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.82:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--nuit-blanche: #1e488f;
--nuit-blanche-rgb: 30 72 143;
--nuit-blanche-oklch: oklch(0.414 0.127 260.3);
}
.element {
color: var(--nuit-blanche);
background-color: hsl(218 65% 34%);
border-color: oklch(0.414 0.127 260.3);
}Tailwind CSS v4
@theme {
--color-nuit-blanche: #1e488f;
--color-nuit-blanche-50: #e2f6ff;
--color-nuit-blanche-100: #d1e9ff;
--color-nuit-blanche-200: #b7d5ff;
--color-nuit-blanche-300: #94b8f9;
--color-nuit-blanche-400: #729fe9;
--color-nuit-blanche-500: #5385d9;
--color-nuit-blanche-600: #4670b7;
--color-nuit-blanche-700: #385a93;
--color-nuit-blanche-800: #25426e;
--color-nuit-blanche-900: #192e4d;
--color-nuit-blanche-950: #0a1a33;
}SCSS
$nuit-blanche: #1e488f;
$nuit-blanche-rgb: 30, 72, 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);
}