Najbliższy nazwany kolor · #0E1905
#0E1905
Najbliższy nazwany kolor: Cosmic Bit Flip
#0E1905 (rgb(14 25 5), hsl(93 67% 6%), oklch(0.197 0.041 132.2)) jest najbliższy nazwanemu kolorowi Cosmic Bit Flip. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#0E1905
oklch(0.197 0.041 132.2)
Konwersje koloru
- HEX
- #0e1905
- RGB
- rgb(14 25 5)
- HSL
- hsl(93 67% 6%)
- HWB
- hwb(93 2% 90%)
- OKLCH
- oklch(0.197 0.041 132.2)
- OKLab
- oklab(0.197 -0.028 0.03)
- CIE Lab
- lab(7.26 -7.57 8.58)
- LCH
- lch(7.26 11.44 131.4)
- CMYK
- cmyk(44% 0% 80% 90%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 212C19
- 36402E
- 4C5545
- 636C5D
- 7B8276
- 949A90
- AEB2AB
- C8CBC6
- E3E5E2
Odcienie ciemniejsze
- 0B1404
- 071003
- 050B02
- 030701
- 020401
- 010200
- 000100
- 000000
- 000000
Tony
- 18220F
- 222C1B
- 2D3526
- 383F32
- 434A3E
- 4F544B
- 5B5F58
- 676A65
- 737572
Harmonie kolorów
Komplementarna +180°
- 0E1905
Cosmic Bit Flip
- 1B0F23
≈ Shot in the Dark
Analogowa -30° +30°
- 0E1905
Cosmic Bit Flip
- 191600
≈ Pinch of Pepper
- 011B0F
≈ Pinch of Pepper
Triada +120° +240°
- 0E1905
Cosmic Bit Flip
- 061627
≈ Creeping Death
- 250D10
≈ Italian Roast
Komplementarna rozszczepiona +150° +210°
- 0E1905
Cosmic Bit Flip
- 131227
≈ Corbeau
- 220D1A
≈ Shot in the Dark
Tetrada +90° +180° +270°
- 0E1905
Cosmic Bit Flip
- 001921
≈ Creeping Death
- 1B0F23
≈ Shot in the Dark
- 240E06
≈ Severely Burnt Toast
Kontrast i dostępność
Ag
AAANa bieli
WCAG 18.10:1 · APCA Lc 105
Ag
FailNa czerni
WCAG 1.15:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 18.10:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
CSS
:root {
--cosmic-bit-flip: #0e1905;
--cosmic-bit-flip-rgb: 14 25 5;
--cosmic-bit-flip-oklch: oklch(0.197 0.041 132.2);
}
.element {
color: var(--cosmic-bit-flip);
background-color: hsl(93 67% 6%);
border-color: oklch(0.197 0.041 132.2);
}Tailwind CSS v4
@theme {
--color-cosmic-bit-flip: #0e1905;
--color-cosmic-bit-flip-50: #f0f8ec;
--color-cosmic-bit-flip-100: #e2ebdd;
--color-cosmic-bit-flip-200: #cdd8c7;
--color-cosmic-bit-flip-300: #afbca7;
--color-cosmic-bit-flip-400: #95a48b;
--color-cosmic-bit-flip-500: #7c8c70;
--color-cosmic-bit-flip-600: #69775f;
--color-cosmic-bit-flip-700: #545f4c;
--color-cosmic-bit-flip-800: #3e4537;
--color-cosmic-bit-flip-900: #2a3025;
--color-cosmic-bit-flip-950: #181c14;
}SCSS
$cosmic-bit-flip: #0e1905;
$cosmic-bit-flip-rgb: 14, 25, 5;
$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);
}