Najbliższy nazwany kolor · #0F1800
#0F1800
Najbliższy nazwany kolor: Cosmic Bit Flip
#0F1800 (rgb(15 24 0), hsl(83 100% 5%), oklch(0.193 0.049 125.8)) jest najbliższy nazwanemu kolorowi Cosmic Bit Flip. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#0F1800
oklch(0.193 0.049 125.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 222B12
- 373F29
- 4C5540
- 636B59
- 7B8272
- 949A8D
- AEB2A8
- C8CBC4
- E3E5E1
Odcienie ciemniejsze
- 0B1300
- 080F00
- 050A00
- 030700
- 020400
- 010200
- 000100
- 000000
- 000000
Tony
- 192109
- 232B15
- 2D3522
- 383F2E
- 43493B
- 4F5448
- 5B5F56
- 676A64
- 737572
Harmonie kolorów
Komplementarna +180°
- 0F1800
Cosmic Bit Flip
- 1A0E26
≈ Shot in the Dark
Analogowa -30° +30°
- 0F1800
Cosmic Bit Flip
- 1A1400
≈ Super Black
- 001A0B
≈ Oil Slick
Triada +120° +240°
- 0F1800
Cosmic Bit Flip
- 001629
≈ Creeping Death
- 260911
≈ Italian Roast
Komplementarna rozszczepiona +150° +210°
- 0F1800
Cosmic Bit Flip
- 0F122A
≈ Liberty Blue
- 210B1D
≈ Meški Black
Tetrada +90° +180° +270°
- 0F1800
Cosmic Bit Flip
- 00181E
≈ Creeping Death
- 1A0E26
≈ Shot in the Dark
- 260B05
≈ Root Brew
Kontrast i dostępność
Ag
AAANa bieli
WCAG 18.24:1 · APCA Lc 105
Ag
FailNa czerni
WCAG 1.15:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 18.24:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
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);
}