Nächste benannte Farbe · #05050C
#05050C
Nächste benannte Farbe: Eight Ball
#05050C (rgb(5 5 12), hsl(240 41% 3%), oklch(0.12 0.018 283.3)) liegt am nächsten an der benannten Farbe Eight Ball. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#05050C
oklch(0.12 0.018 283.3)
Farbumrechnungen
- HEX
- #05050c
- RGB
- rgb(5 5 12)
- HSL
- hsl(240 41% 3%)
- HWB
- hwb(240 2% 95%)
- OKLCH
- oklch(0.12 0.018 283.3)
- OKLab
- oklab(0.12 0.004 -0.018)
- CIE Lab
- lab(1.49 0.74 -2.71)
- LCH
- lch(1.49 2.8 285.2)
- CMYK
- cmyk(58% 58% 0% 95%)
Tints · Shades · Tones
Tints
- 17171F
- 2C2C34
- 42434A
- 5A5B61
- 73747A
- 8E8E93
- A9A9AD
- C5C5C8
- E2E2E3
Shades
- 040409
- 030306
- 020204
- 010103
- 010102
- 000001
- 000000
- 000000
- 000000
Tones
- 0E0E16
- 191920
- 24242B
- 303036
- 3C3D42
- 49494E
- 56565A
- 646466
- 727273
Farbharmonien
Komplementär +180°
- 05050C
Eight Ball
- 070601
≈ Liquorice
Analog -30° +30°
- 05050C
Eight Ball
- 03060C
≈ Eight Ball
- 08040A
≈ Eight Ball
Triadisch +120° +240°
- 05050C
Eight Ball
- 0B0402
≈ Liquorice
- 020704
≈ Black Metal
Geteilt komplementär +150° +210°
- 05050C
Eight Ball
- 090501
≈ Liquorice
- 040702
≈ Black Metal
Tetradisch +90° +180° +270°
- 05050C
Eight Ball
- 0B0404
≈ Liquorice
- 070601
≈ Liquorice
- 010707
≈ Black Metal
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 20.31:1 · APCA Lc 106
Ag
FailAuf Schwarz
WCAG 1.03:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 20.31:1 (AAA) · APCA Lc 106
Contrast pairs
Code-Snippets
CSS
:root {
--eight-ball: #05050c;
--eight-ball-rgb: 5 5 12;
--eight-ball-oklch: oklch(0.12 0.018 283.3);
}
.element {
color: var(--eight-ball);
background-color: hsl(240 41% 3%);
border-color: oklch(0.12 0.018 283.3);
}Tailwind CSS v4
@theme {
--color-eight-ball: #05050c;
--color-eight-ball-50: #f4f4fa;
--color-eight-ball-100: #e7e7ee;
--color-eight-ball-200: #d3d3dc;
--color-eight-ball-300: #b6b6c1;
--color-eight-ball-400: #9d9da9;
--color-eight-ball-500: #848592;
--color-eight-ball-600: #70707c;
--color-eight-ball-700: #595a63;
--color-eight-ball-800: #414249;
--color-eight-ball-900: #2d2d32;
--color-eight-ball-950: #1a1a1e;
}SCSS
$eight-ball: #05050c;
$eight-ball-rgb: 5, 5, 12;
$eight-ball-light: mix(#fff, $eight-ball, 20%);
$eight-ball-dark: mix(#000, $eight-ball, 20%);
.element {
color: $eight-ball;
box-shadow: 0 0 0 2px rgba($eight-ball, 0.35);
}