Najbliższy nazwany kolor · #0E0B03
#0E0B03
Najbliższy nazwany kolor: Sinister
#0E0B03 (rgb(14 11 3), hsl(44 65% 3%), oklch(0.15 0.02 93.8)) jest najbliższy nazwanemu kolorowi Sinister. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#0E0B03
oklch(0.15 0.02 93.8)
Konwersje koloru
- HEX
- #0e0b03
- RGB
- rgb(14 11 3)
- HSL
- hsl(44 65% 3%)
- HWB
- hwb(44 1% 95%)
- OKLCH
- oklch(0.15 0.02 93.8)
- OKLab
- oklab(0.15 -0.001 0.02)
- CIE Lab
- lab(3.1 0.1 3.39)
- LCH
- lch(3.1 3.39 88.3)
- CMYK
- cmyk(0% 21% 79% 95%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 211E14
- 36332A
- 4B4940
- 636059
- 7B7972
- 94928D
- ADACA8
- C8C7C4
- E3E3E1
Odcienie ciemniejsze
- 0B0802
- 070602
- 050401
- 030201
- 020100
- 010100
- 000000
- 000000
- 000000
Tony
- 18150B
- 221F16
- 2C2A22
- 37352E
- 43413B
- 4E4D48
- 5A5956
- 676663
- 737372
Harmonie kolorów
Komplementarna +180°
- 0E0B03
Sinister
- 080B14
≈ Dark Rift
Analogowa -30° +30°
- 0E0B03
Sinister
- 110904
≈ Asphalt
- 090D04
≈ Whiten’t
Triada +120° +240°
- 0E0B03
Sinister
- 020D10
≈ Dark Side of the Moon
- 10080F
≈ Noir Fiction
Komplementarna rozszczepiona +150° +210°
- 0E0B03
Sinister
- 050C13
≈ Dark Rift
- 0D0912
≈ Midnight Oil
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 19.66:1 · APCA Lc 106
Ag
FailNa czerni
WCAG 1.06:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 19.66:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmenty kodu
CSS
:root {
--sinister: #0e0b03;
--sinister-rgb: 14 11 3;
--sinister-oklch: oklch(0.15 0.02 93.8);
}
.element {
color: var(--sinister);
background-color: hsl(44 65% 3%);
border-color: oklch(0.15 0.02 93.8);
}Tailwind CSS v4
@theme {
--color-sinister: #0e0b03;
--color-sinister-50: #f7f5ef;
--color-sinister-100: #eae8e0;
--color-sinister-200: #d7d4cb;
--color-sinister-300: #bab8ac;
--color-sinister-400: #a29e91;
--color-sinister-500: #8a8677;
--color-sinister-600: #757265;
--color-sinister-700: #5e5b51;
--color-sinister-800: #45423b;
--color-sinister-900: #302e28;
--color-sinister-950: #1c1b16;
}SCSS
$sinister: #0e0b03;
$sinister-rgb: 14, 11, 3;
$sinister-light: mix(#fff, $sinister, 20%);
$sinister-dark: mix(#000, $sinister, 20%);
.element {
color: $sinister;
box-shadow: 0 0 0 2px rgba($sinister, 0.35);
}