Najbliższy nazwany kolor · #061207
#061207
Najbliższy nazwany kolor: Blackn’t
#061207 (rgb(6 18 7), hsl(125 50% 5%), oklch(0.166 0.03 146.4)) jest najbliższy nazwanemu kolorowi Blackn’t. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#061207
oklch(0.166 0.03 146.4)
Konwersje koloru
- HEX
- #061207
- RGB
- rgb(6 18 7)
- HSL
- hsl(125 50% 5%)
- HWB
- hwb(125 2% 93%)
- OKLCH
- oklch(0.166 0.03 146.4)
- OKLab
- oklab(0.166 -0.025 0.016)
- CIE Lab
- lab(4.4 -5.12 3.56)
- LCH
- lch(4.4 6.24 145.2)
- CMYK
- cmyk(67% 0% 61% 93%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 19251A
- 2E3A2F
- 454F46
- 5D665D
- 767E76
- 909690
- AAAFAB
- C6C9C6
- E2E4E2
Odcienie ciemniejsze
- 040E05
- 030A04
- 020702
- 010402
- 010201
- 000100
- 000100
- 000000
- 000000
Tony
- 101C11
- 1B261C
- 263027
- 323A33
- 3E453F
- 4B514B
- 585C58
- 656865
- 727472
Harmonie kolorów
Komplementarna +180°
- 061207
Blackn’t
- 150A15
≈ Noir Fiction
Analogowa -30° +30°
- 061207
Blackn’t
- 0E1003
≈ Chinese Black
- 01130E
≈ Jedi Night
Triada +120° +240°
- 061207
Blackn’t
- 090E1B
≈ Nyctophobia
- 1A0908
≈ Asphalt
Komplementarna rozszczepiona +150° +210°
- 061207
Blackn’t
- 100C1A
≈ Tristesse
- 19090F
≈ Noir Fiction
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 19.13:1 · APCA Lc 105
Ag
FailNa czerni
WCAG 1.09:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 19.13:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
CSS
:root {
--blackn-t: #061207;
--blackn-t-rgb: 6 18 7;
--blackn-t-oklch: oklch(0.166 0.03 146.4);
}
.element {
color: var(--blackn-t);
background-color: hsl(125 50% 5%);
border-color: oklch(0.166 0.03 146.4);
}Tailwind CSS v4
@theme {
--color-blackn-t: #061207;
--color-blackn-t-50: #f0f8f0;
--color-blackn-t-100: #e2ebe2;
--color-blackn-t-200: #ccd8cd;
--color-blackn-t-300: #aebcaf;
--color-blackn-t-400: #94a394;
--color-blackn-t-500: #7a8c7b;
--color-blackn-t-600: #677668;
--color-blackn-t-700: #535f53;
--color-blackn-t-800: #3c453c;
--color-blackn-t-900: #293029;
--color-blackn-t-950: #171c17;
}SCSS
$blackn-t: #061207;
$blackn-t-rgb: 6, 18, 7;
$blackn-t-light: mix(#fff, $blackn-t, 20%);
$blackn-t-dark: mix(#000, $blackn-t, 20%);
.element {
color: $blackn-t;
box-shadow: 0 0 0 2px rgba($blackn-t, 0.35);
}