Nächste benannte Farbe · #02020D
#02020D
Nächste benannte Farbe: Narwhal Grey
#02020D (rgb(2 2 13), hsl(240 73% 3%), oklch(0.097 0.034 278.1)) liegt am nächsten an der benannten Farbe Narwhal Grey. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#02020D
oklch(0.097 0.034 278.1)
Farbumrechnungen
- HEX
- #02020d
- RGB
- rgb(2 2 13)
- HSL
- hsl(240 73% 3%)
- HWB
- hwb(240 1% 95%)
- OKLCH
- oklch(0.097 0.034 278.1)
- OKLab
- oklab(0.097 0.005 -0.033)
- CIE Lab
- lab(0.74 1.17 -4.28)
- LCH
- lch(0.74 4.44 285.2)
- CMYK
- cmyk(85% 85% 0% 95%)
Tints · Shades · Tones
Tints
- 101221
- 252736
- 3C3E4C
- 555763
- 6F707B
- 8A8B94
- A6A7AE
- C3C3C8
- E0E1E3
Shades
- 01010A
- 010107
- 010105
- 000003
- 000002
- 000001
- 000000
- 000000
- 000000
Tones
- 080917
- 131422
- 1E202D
- 2B2D38
- 383943
- 45474F
- 53555B
- 626367
- 717173
Farbharmonien
Komplementär +180°
- 02020D
Narwhal Grey
- 040300
≈ Armour Wash
Analog -30° +30°
- 02020D
Narwhal Grey
- 00030A
≈ Ninja
- 05010A
≈ Raven’s Coat
Triadisch +120° +240°
- 02020D
Narwhal Grey
- 0A0100
≈ Pupil
- 000402
≈ Armour Wash
Geteilt komplementär +150° +210°
- 02020D
Narwhal Grey
- 060200
≈ Pupil
- 020400
≈ Armour Wash
Tetradisch +90° +180° +270°
- 02020D
Narwhal Grey
- 0A0002
≈ Dark Matter
- 040300
≈ Armour Wash
- 000404
≈ Armour Wash
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 20.64:1 · APCA Lc 106
Ag
FailAuf Schwarz
WCAG 1.01:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 20.64:1 (AAA) · APCA Lc 106
Contrast pairs
Code-Snippets
CSS
:root {
--narwhal-grey: #02020d;
--narwhal-grey-rgb: 2 2 13;
--narwhal-grey-oklch: oklch(0.097 0.034 278.1);
}
.element {
color: var(--narwhal-grey);
background-color: hsl(240 73% 3%);
border-color: oklch(0.097 0.034 278.1);
}Tailwind CSS v4
@theme {
--color-narwhal-grey: #02020d;
--color-narwhal-grey-50: #f3f4ff;
--color-narwhal-grey-100: #e5e7f3;
--color-narwhal-grey-200: #d1d3e3;
--color-narwhal-grey-300: #b4b6c9;
--color-narwhal-grey-400: #999db3;
--color-narwhal-grey-500: #80849d;
--color-narwhal-grey-600: #6d7085;
--color-narwhal-grey-700: #575a6a;
--color-narwhal-grey-800: #3f424e;
--color-narwhal-grey-900: #2b2d36;
--color-narwhal-grey-950: #191a21;
}SCSS
$narwhal-grey: #02020d;
$narwhal-grey-rgb: 2, 2, 13;
$narwhal-grey-light: mix(#fff, $narwhal-grey, 20%);
$narwhal-grey-dark: mix(#000, $narwhal-grey, 20%);
.element {
color: $narwhal-grey;
box-shadow: 0 0 0 2px rgba($narwhal-grey, 0.35);
}