Najbliższy nazwany kolor · #150008
#150008
Najbliższy nazwany kolor: Noir Fiction
#150008 (rgb(21 0 8), hsl(337 100% 4%), oklch(0.128 0.053 354.4)) jest najbliższy nazwanemu kolorowi Noir Fiction. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#150008
oklch(0.128 0.053 354.4)
Konwersje koloru
- HEX
- #150008
- RGB
- rgb(21 0 8)
- HSL
- hsl(337 100% 4%)
- HWB
- hwb(337 0% 92%)
- OKLCH
- oklch(0.128 0.053 354.4)
- OKLab
- oklab(0.128 0.052 -0.005)
- CIE Lab
- lab(1.64 7.54 -0.64)
- LCH
- lch(1.64 7.56 355.1)
- CMYK
- cmyk(0% 100% 62% 92%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2A0F1B
- 3F2530
- 553D46
- 6C565E
- 837076
- 9B8A90
- B3A6AB
- CCC3C6
- E5E1E2
Odcienie ciemniejsze
- 110006
- 0C0004
- 080003
- 050002
- 030001
- 020001
- 010000
- 000000
- 000000
Tony
- 200612
- 2A121C
- 351F27
- 3F2B33
- 4A393F
- 54464B
- 5F5458
- 6A6265
- 757172
Harmonie kolorów
Komplementarna +180°
- 150008
Noir Fiction
- 000A06
≈ Whiten’t
Analogowa -30° +30°
- 150008
Noir Fiction
- 100112
≈ Glossy Black
- 170001
≈ Dark Matter
Triada +120° +240°
- 150008
Noir Fiction
- 070800
≈ Whiten’t
- 000810
≈ Black Knight
Komplementarna rozszczepiona +150° +210°
- 150008
Noir Fiction
- 000B01
≈ Melanous
- 00090B
≈ Black Knight
Tetrada +90° +180° +270°
- 150008
Noir Fiction
- 0C0600
≈ Blackout
- 000A06
≈ Whiten’t
- 01051B
≈ Melanophobia
Kontrast i dostępność
Ag
AAANa bieli
WCAG 20.28:1 · APCA Lc 106
Ag
FailNa czerni
WCAG 1.03:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 20.28:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmenty kodu
CSS
:root {
--noir-fiction: #150008;
--noir-fiction-rgb: 21 0 8;
--noir-fiction-oklch: oklch(0.128 0.053 354.4);
}
.element {
color: var(--noir-fiction);
background-color: hsl(337 100% 4%);
border-color: oklch(0.128 0.053 354.4);
}Tailwind CSS v4
@theme {
--color-noir-fiction: #150008;
--color-noir-fiction-50: #ffeff5;
--color-noir-fiction-100: #f8e1e8;
--color-noir-fiction-200: #e8cbd5;
--color-noir-fiction-300: #cfadb8;
--color-noir-fiction-400: #b992a0;
--color-noir-fiction-500: #a37888;
--color-noir-fiction-600: #8a6673;
--color-noir-fiction-700: #6e515c;
--color-noir-fiction-800: #513b44;
--color-noir-fiction-900: #39282f;
--color-noir-fiction-950: #23161c;
}SCSS
$noir-fiction: #150008;
$noir-fiction-rgb: 21, 0, 8;
$noir-fiction-light: mix(#fff, $noir-fiction, 20%);
$noir-fiction-dark: mix(#000, $noir-fiction, 20%);
.element {
color: $noir-fiction;
box-shadow: 0 0 0 2px rgba($noir-fiction, 0.35);
}