이름 색상 · #2A5C6A
Night Shift
Night Shift은(는) #2A5C6A: rgb(42 92 106), hsl(193 43% 29%), oklch(0.446 0.058 218.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Night Shift color name →
#2A5C6A
oklch(0.446 0.058 218.7)
색상 변환
- HEX
- #2a5c6a
- RGB
- rgb(42 92 106)
- HSL
- hsl(193 43% 29%)
- HWB
- hwb(193 16% 58%)
- OKLCH
- oklch(0.446 0.058 218.7)
- OKLab
- oklab(0.446 -0.045 -0.036)
- CIE Lab
- lab(36.1 -14.09 -13.45)
- LCH
- lch(36.1 19.48 223.7)
- CMYK
- cmyk(60% 13% 0% 58%)
틴트 · 셰이드 · 톤
틴트
- 406B78
- 547B86
- 698A95
- 7D9AA3
- 92AAB2
- A7BBC1
- BDCCD0
- D3DCE0
- E9EEEF
셰이드
- 234F5B
- 1C424D
- 16363F
- 102A31
- 0A1F24
- 051418
- 020A0D
- 010304
- 000000
톤
- 34606C
- 3E636F
- 466771
- 4F6B73
- 576E75
- 607277
- 68757A
- 70797C
- 787C7E
색 조화
보색 +180°
- 2A5C6A
Night Shift
- 70493C
≈ Evolution
유사색 -30° +30°
- 2A5C6A
Night Shift
- 285F5B
≈ Verdant Forest
- 3A5773
≈ Blue Earth
삼각 배색 +120° +240°
- 2A5C6A
Night Shift
- 6A485F
≈ Annis
- 5C552D
≈ Tucumán Green
분열 보색 +150° +210°
- 2A5C6A
Night Shift
- 70474E
≈ Formal Maroon
- 6A4E30
≈ Tilled Soil
사각 배색 +90° +180° +270°
- 2A5C6A
Night Shift
- 5E4B6D
≈ Loganberry
- 70493C
≈ Evolution
- 4A5B37
≈ Stinging Nettle
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.40:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.83:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.40:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--night-shift: #2a5c6a;
--night-shift-rgb: 42 92 106;
--night-shift-oklch: oklch(0.446 0.058 218.7);
}
.element {
color: var(--night-shift);
background-color: hsl(193 43% 29%);
border-color: oklch(0.446 0.058 218.7);
}Tailwind CSS v4
@theme {
--color-night-shift: #2a5c6a;
--color-night-shift-50: #e4f9ff;
--color-night-shift-100: #d4edf6;
--color-night-shift-200: #badbe6;
--color-night-shift-300: #97bfcc;
--color-night-shift-400: #77a7b6;
--color-night-shift-500: #5890a0;
--color-night-shift-600: #4b7a87;
--color-night-shift-700: #3c616d;
--color-night-shift-800: #2a484f;
--color-night-shift-900: #1c3237;
--color-night-shift-950: #0c1d22;
}SCSS
$night-shift: #2a5c6a;
$night-shift-rgb: 42, 92, 106;
$night-shift-light: mix(#fff, $night-shift, 20%);
$night-shift-dark: mix(#000, $night-shift, 20%);
.element {
color: $night-shift;
box-shadow: 0 0 0 2px rgba($night-shift, 0.35);
}