Najbliższy nazwany kolor · #071013
#071013
Najbliższy nazwany kolor: Black Knight
#071013 (rgb(7 16 19), hsl(195 46% 5%), oklch(0.165 0.015 220.2)) jest najbliższy nazwanemu kolorowi Black Knight. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#071013
oklch(0.165 0.015 220.2)
Konwersje koloru
- HEX
- #071013
- RGB
- rgb(7 16 19)
- HSL
- hsl(195 46% 5%)
- HWB
- hwb(195 3% 93%)
- OKLCH
- oklch(0.165 0.015 220.2)
- OKLab
- oklab(0.165 -0.012 -0.01)
- CIE Lab
- lab(4.14 -2.28 -2.65)
- LCH
- lch(4.14 3.49 229.3)
- CMYK
- cmyk(63% 16% 0% 93%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 1A2326
- 2F383A
- 464D50
- 5E6467
- 767C7E
- 909597
- ABAEB0
- C6C9CA
- E2E4E4
Odcienie ciemniejsze
- 050C0F
- 04090B
- 020607
- 020405
- 010203
- 000101
- 000001
- 000000
- 000000
Tony
- 111A1C
- 1C2426
- 272E30
- 33393B
- 3F4446
- 4B5051
- 585B5C
- 656768
- 727474
Harmonie kolorów
Komplementarna +180°
- 071013
Black Knight
- 140C09
≈ Balsamico
Analogowa -30° +30°
- 071013
Black Knight
- 071110
≈ Black Glaze
- 090F15
≈ Midnight Oil
Triada +120° +240°
- 071013
Black Knight
- 130C10
≈ Optophobia
- 100F07
≈ Balsam of Peru
Komplementarna rozszczepiona +150° +210°
- 071013
Black Knight
- 140C0D
≈ Optophobia
- 130D07
≈ Balsamico
Tetrada +90° +180° +270°
- 071013
Black Knight
- 100D13
≈ Midnight Oil
- 140C09
≈ Balsamico
- 0C1009
≈ Alpine Salamander
Kontrast i dostępność
Ag
AAANa bieli
WCAG 19.22:1 · APCA Lc 106
Ag
FailNa czerni
WCAG 1.09:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 19.22:1 (AAA) · APCA Lc 106
Contrast pairs
Fragmenty kodu
CSS
:root {
--black-knight: #071013;
--black-knight-rgb: 7 16 19;
--black-knight-oklch: oklch(0.165 0.015 220.2);
}
.element {
color: var(--black-knight);
background-color: hsl(195 46% 5%);
border-color: oklch(0.165 0.015 220.2);
}Tailwind CSS v4
@theme {
--color-black-knight: #071013;
--color-black-knight-50: #f1f6f8;
--color-black-knight-100: #e3e9eb;
--color-black-knight-200: #ced6d9;
--color-black-knight-300: #afb9bd;
--color-black-knight-400: #95a1a5;
--color-black-knight-500: #7c898d;
--color-black-knight-600: #697477;
--color-black-knight-700: #545d60;
--color-black-knight-800: #3d4446;
--color-black-knight-900: #2a2f30;
--color-black-knight-950: #171b1d;
}SCSS
$black-knight: #071013;
$black-knight-rgb: 7, 16, 19;
$black-knight-light: mix(#fff, $black-knight, 20%);
$black-knight-dark: mix(#000, $black-knight, 20%);
.element {
color: $black-knight;
box-shadow: 0 0 0 2px rgba($black-knight, 0.35);
}