가장 가까운 이름 색상 · #0F1800
#0F1800
가장 가까운 이름 색상: Cosmic Bit Flip
#0F1800(rgb(15 24 0), hsl(83 100% 5%), oklch(0.193 0.049 125.8))와 가장 가까운 이름 색상은 Cosmic Bit Flip입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#0F1800
oklch(0.193 0.049 125.8)
색상 변환
- HEX
- #0f1800
- RGB
- rgb(15 24 0)
- HSL
- hsl(83 100% 5%)
- HWB
- hwb(83 0% 91%)
- OKLCH
- oklch(0.193 0.049 125.8)
- OKLab
- oklab(0.193 -0.029 0.04)
- CIE Lab
- lab(6.87 -7.02 10.05)
- LCH
- lch(6.87 12.26 124.9)
- CMYK
- cmyk(37% 0% 100% 91%)
틴트 · 셰이드 · 톤
틴트
- 222B12
- 373F29
- 4C5540
- 636B59
- 7B8272
- 949A8D
- AEB2A8
- C8CBC4
- E3E5E1
셰이드
- 0B1300
- 080F00
- 050A00
- 030700
- 020400
- 010200
- 000100
- 000000
- 000000
톤
- 192109
- 232B15
- 2D3522
- 383F2E
- 43493B
- 4F5448
- 5B5F56
- 676A64
- 737572
색 조화
보색 +180°
- 0F1800
Cosmic Bit Flip
- 1A0E26
≈ Shot in the Dark
유사색 -30° +30°
- 0F1800
Cosmic Bit Flip
- 1A1400
≈ Super Black
- 001A0B
≈ Oil Slick
삼각 배색 +120° +240°
- 0F1800
Cosmic Bit Flip
- 001629
≈ Creeping Death
- 260911
≈ Italian Roast
분열 보색 +150° +210°
- 0F1800
Cosmic Bit Flip
- 0F122A
≈ Liberty Blue
- 210B1D
≈ Meški Black
사각 배색 +90° +180° +270°
- 0F1800
Cosmic Bit Flip
- 00181E
≈ Creeping Death
- 1A0E26
≈ Shot in the Dark
- 260B05
≈ Root Brew
대비 및 접근성
Ag
AAA흰색 위
WCAG 18.24:1 · APCA Lc 105
Ag
Fail검은색 위
WCAG 1.15:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 18.24:1 (AAA) · APCA Lc 105
Contrast pairs
코드 스니펫
CSS
:root {
--cosmic-bit-flip: #0f1800;
--cosmic-bit-flip-rgb: 15 24 0;
--cosmic-bit-flip-oklch: oklch(0.193 0.049 125.8);
}
.element {
color: var(--cosmic-bit-flip);
background-color: hsl(83 100% 5%);
border-color: oklch(0.193 0.049 125.8);
}Tailwind CSS v4
@theme {
--color-cosmic-bit-flip: #0f1800;
--color-cosmic-bit-flip-50: #f1f8e9;
--color-cosmic-bit-flip-100: #e3ebda;
--color-cosmic-bit-flip-200: #ced9c3;
--color-cosmic-bit-flip-300: #b0bda2;
--color-cosmic-bit-flip-400: #97a485;
--color-cosmic-bit-flip-500: #7e8c69;
--color-cosmic-bit-flip-600: #6b7759;
--color-cosmic-bit-flip-700: #555f47;
--color-cosmic-bit-flip-800: #3f4533;
--color-cosmic-bit-flip-900: #2b3022;
--color-cosmic-bit-flip-950: #191c12;
}SCSS
$cosmic-bit-flip: #0f1800;
$cosmic-bit-flip-rgb: 15, 24, 0;
$cosmic-bit-flip-light: mix(#fff, $cosmic-bit-flip, 20%);
$cosmic-bit-flip-dark: mix(#000, $cosmic-bit-flip, 20%);
.element {
color: $cosmic-bit-flip;
box-shadow: 0 0 0 2px rgba($cosmic-bit-flip, 0.35);
}