가장 가까운 이름 색상 · #001928
#001928
가장 가까운 이름 색상: Oxford by Night
#001928(rgb(0 25 40), hsl(203 100% 8%), oklch(0.202 0.044 237.2))와 가장 가까운 이름 색상은 Oxford by Night입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#001928
oklch(0.202 0.044 237.2)
색상 변환
- HEX
- #001928
- RGB
- rgb(0 25 40)
- HSL
- hsl(203 100% 8%)
- HWB
- hwb(203 0% 84%)
- OKLCH
- oklch(0.202 0.044 237.2)
- OKLab
- oklab(0.202 -0.024 -0.037)
- CIE Lab
- lab(7.46 -4.77 -13.4)
- LCH
- lch(7.46 14.22 250.4)
- CMYK
- cmyk(100% 38% 0% 84%)
틴트 · 셰이드 · 톤
틴트
- 152C3B
- 2B414E
- 435662
- 5B6C77
- 75838C
- 8F9AA2
- AAB3B9
- C6CCD0
- E2E5E7
셰이드
- 001421
- 00101B
- 000B15
- 00070F
- 000409
- 000204
- 000102
- 000001
- 000000
톤
- 0A2230
- 172C39
- 243641
- 30404A
- 3D4A53
- 4A545C
- 575F64
- 646A6E
- 727577
색 조화
보색 +180°
- 001928
Oxford by Night
- 251102
≈ Severely Burnt Toast
유사색 -30° +30°
- 001928
Oxford by Night
- 001B1F
≈ Black Stallion
- 0D152B
≈ Liberty Blue
삼각 배색 +120° +240°
- 001928
Oxford by Night
- 260D17
≈ Italian Roast
- 151901
≈ Pinch of Pepper
분열 보색 +150° +210°
- 001928
Oxford by Night
- 270E0B
≈ Root Brew
- 1F1500
≈ Super Black
사각 배색 +90° +180° +270°
- 001928
Oxford by Night
- 210F21
≈ Inside
- 251102
≈ Severely Burnt Toast
- 071C0A
≈ Pinch of Pepper
대비 및 접근성
Ag
AAA흰색 위
WCAG 17.95:1 · APCA Lc 105
Ag
Fail검은색 위
WCAG 1.16:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 17.95:1 (AAA) · APCA Lc 105
Contrast pairs
코드 스니펫
CSS
:root {
--oxford-by-night: #001928;
--oxford-by-night-rgb: 0 25 40;
--oxford-by-night-oklch: oklch(0.202 0.044 237.2);
}
.element {
color: var(--oxford-by-night);
background-color: hsl(203 100% 8%);
border-color: oklch(0.202 0.044 237.2);
}Tailwind CSS v4
@theme {
--color-oxford-by-night: #001928;
--color-oxford-by-night-50: #eaf7ff;
--color-oxford-by-night-100: #dbeaf5;
--color-oxford-by-night-200: #c4d7e6;
--color-oxford-by-night-300: #a3bbcc;
--color-oxford-by-night-400: #86a3b6;
--color-oxford-by-night-500: #6b8ba0;
--color-oxford-by-night-600: #5a7687;
--color-oxford-by-night-700: #485e6d;
--color-oxford-by-night-800: #344550;
--color-oxford-by-night-900: #233037;
--color-oxford-by-night-950: #121c22;
}SCSS
$oxford-by-night: #001928;
$oxford-by-night-rgb: 0, 25, 40;
$oxford-by-night-light: mix(#fff, $oxford-by-night, 20%);
$oxford-by-night-dark: mix(#000, $oxford-by-night, 20%);
.element {
color: $oxford-by-night;
box-shadow: 0 0 0 2px rgba($oxford-by-night, 0.35);
}