가장 가까운 이름 색상 · #102743
#102743
가장 가까운 이름 색상: Midnight Ocean
#102743(rgb(16 39 67), hsl(213 61% 16%), oklch(0.27 0.06 254.6))와 가장 가까운 이름 색상은 Midnight Ocean입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#102743
oklch(0.27 0.06 254.6)
색상 변환
- HEX
- #102743
- RGB
- rgb(16 39 67)
- HSL
- hsl(213 61% 16%)
- HWB
- hwb(213 6% 74%)
- OKLCH
- oklch(0.27 0.06 254.6)
- OKLab
- oklab(0.27 -0.016 -0.058)
- CIE Lab
- lab(15.01 -0.76 -20.73)
- LCH
- lch(15.01 20.75 267.9)
- CMYK
- cmyk(76% 42% 0% 74%)
틴트 · 셰이드 · 톤
틴트
- 253A54
- 3A4D66
- 506278
- 67778A
- 7F8C9D
- 97A2B0
- B0B9C3
- CAD0D7
- E4E7EB
셰이드
- 0C2039
- 091A2F
- 061426
- 040E1D
- 020814
- 01040C
- 000205
- 000101
- 000000
톤
- 1B2F49
- 26384F
- 304156
- 3B495C
- 465262
- 515B68
- 5D646E
- 686D74
- 74777A
색 조화
보색 +180°
- 102743
Midnight Ocean
- 372200
≈ Black Swan
유사색 -30° +30°
- 102743
Midnight Ocean
- 002B39
≈ Murky Depths
- 242142
≈ Black Market
삼각 배색 +120° +240°
- 102743
Midnight Ocean
- 3F191D
≈ Bruised Plum
- 192D0C
≈ Nori Green
분열 보색 +150° +210°
- 102743
Midnight Ocean
- 3E1B0B
≈ 90% Cocoa
- 2B2800
≈ Black Swan
사각 배색 +90° +180° +270°
- 102743
Midnight Ocean
- 3A192D
≈ Nightly Voyager
- 372200
≈ Black Swan
- 002F1F
≈ Bush
대비 및 접근성
Ag
AAA흰색 위
WCAG 15.07:1 · APCA Lc 102
Ag
Fail검은색 위
WCAG 1.39:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 15.07:1 (AAA) · APCA Lc 102
Contrast pairs
코드 스니펫
CSS
:root {
--midnight-ocean: #102743;
--midnight-ocean-rgb: 16 39 67;
--midnight-ocean-oklch: oklch(0.27 0.06 254.6);
}
.element {
color: var(--midnight-ocean);
background-color: hsl(213 61% 16%);
border-color: oklch(0.27 0.06 254.6);
}Tailwind CSS v4
@theme {
--color-midnight-ocean: #102743;
--color-midnight-ocean-50: #eaf6ff;
--color-midnight-ocean-100: #dbe9fc;
--color-midnight-ocean-200: #c4d6ee;
--color-midnight-ocean-300: #a4b9d6;
--color-midnight-ocean-400: #87a1c2;
--color-midnight-ocean-500: #6b88ae;
--color-midnight-ocean-600: #5b7393;
--color-midnight-ocean-700: #485c76;
--color-midnight-ocean-800: #334457;
--color-midnight-ocean-900: #232f3d;
--color-midnight-ocean-950: #121b26;
}SCSS
$midnight-ocean: #102743;
$midnight-ocean-rgb: 16, 39, 67;
$midnight-ocean-light: mix(#fff, $midnight-ocean, 20%);
$midnight-ocean-dark: mix(#000, $midnight-ocean, 20%);
.element {
color: $midnight-ocean;
box-shadow: 0 0 0 2px rgba($midnight-ocean, 0.35);
}