가장 가까운 이름 색상 · #001218
#001218
가장 가까운 이름 색상: Black Stallion
#001218(rgb(0 18 24), hsl(195 100% 5%), oklch(0.168 0.03 219.2))와 가장 가까운 이름 색상은 Black Stallion입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#001218
oklch(0.168 0.03 219.2)
색상 변환
- HEX
- #001218
- RGB
- rgb(0 18 24)
- HSL
- hsl(195 100% 5%)
- HWB
- hwb(195 0% 91%)
- OKLCH
- oklch(0.168 0.03 219.2)
- OKLab
- oklab(0.168 -0.024 -0.019)
- CIE Lab
- lab(4.42 -4.36 -5.8)
- LCH
- lch(4.42 7.26 233.1)
- CMYK
- cmyk(100% 25% 0% 91%)
틴트 · 셰이드 · 톤
틴트
- 12252B
- 283A3F
- 404F54
- 58666B
- 727E82
- 8D969A
- A8B0B2
- C4C9CB
- E1E4E5
셰이드
- 000E13
- 000A0F
- 00070A
- 000407
- 000204
- 000102
- 000101
- 000000
- 000000
톤
- 081C21
- 15262B
- 213035
- 2E3B3F
- 3B4649
- 485154
- 565C5E
- 636869
- 727475
색 조화
보색 +180°
- 001218
Black Stallion
- 1A0A05
≈ Asphalt
유사색 -30° +30°
- 001218
Black Stallion
- 001312
≈ Black Glaze
- 05101C
≈ Nyctophobia
삼각 배색 +120° +240°
- 001218
Black Stallion
- 180A13
≈ Noir Fiction
- 120F01
≈ Chinese Black
분열 보색 +150° +210°
- 001218
Black Stallion
- 1A090C
≈ Noir Fiction
- 180C02
≈ Balsamico
사각 배색 +90° +180° +270°
- 001218
Black Stallion
- 130B19
≈ Noir Fiction
- 1A0A05
≈ Asphalt
- 0B1204
≈ Memorial Black
대비 및 접근성
Ag
AAA흰색 위
WCAG 19.09:1 · APCA Lc 105
Ag
Fail검은색 위
WCAG 1.09:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 19.09:1 (AAA) · APCA Lc 105
Contrast pairs
코드 스니펫
CSS
:root {
--black-stallion: #001218;
--black-stallion-rgb: 0 18 24;
--black-stallion-oklch: oklch(0.168 0.03 219.2);
}
.element {
color: var(--black-stallion);
background-color: hsl(195 100% 5%);
border-color: oklch(0.168 0.03 219.2);
}Tailwind CSS v4
@theme {
--color-black-stallion: #001218;
--color-black-stallion-50: #ecf7fb;
--color-black-stallion-100: #ddeaef;
--color-black-stallion-200: #c7d8dd;
--color-black-stallion-300: #a7bbc3;
--color-black-stallion-400: #8ba3ab;
--color-black-stallion-500: #708b94;
--color-black-stallion-600: #5f767d;
--color-black-stallion-700: #4c5e64;
--color-black-stallion-800: #374549;
--color-black-stallion-900: #253033;
--color-black-stallion-950: #141c1f;
}SCSS
$black-stallion: #001218;
$black-stallion-rgb: 0, 18, 24;
$black-stallion-light: mix(#fff, $black-stallion, 20%);
$black-stallion-dark: mix(#000, $black-stallion, 20%);
.element {
color: $black-stallion;
box-shadow: 0 0 0 2px rgba($black-stallion, 0.35);
}