Nächste benannte Farbe · #1B101B
#1B101B
Nächste benannte Farbe: Crow
#1B101B (rgb(27 16 27), hsl(300 26% 8%), oklch(0.193 0.028 326.6)) liegt am nächsten an der benannten Farbe Crow. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#1B101B
oklch(0.193 0.028 326.6)
Farbumrechnungen
- HEX
- #1b101b
- RGB
- rgb(27 16 27)
- HSL
- hsl(300 26% 8%)
- HWB
- hwb(300 6% 89%)
- OKLCH
- oklch(0.193 0.028 326.6)
- OKLab
- oklab(0.193 0.023 -0.015)
- CIE Lab
- lab(6.16 7.14 -5.28)
- LCH
- lch(6.16 8.88 323.5)
- CMYK
- cmyk(0% 41% 0% 89%)
Tints · Shades · Tones
Tints
- 2E232E
- 423842
- 574E57
- 6D656D
- 847C84
- 9B959B
- B3AFB3
- CCC9CC
- E5E4E5
Shades
- 160C16
- 110911
- 0C060C
- 080408
- 050205
- 020102
- 010001
- 000000
- 000000
Tones
- 241A24
- 2D242D
- 372E37
- 413941
- 4B444B
- 555055
- 605B5F
- 6A676A
- 757475
Farbharmonien
Komplementär +180°
- 1B101B
Crow
- 0C180D
≈ Pinch of Pepper
Analog -30° +30°
Triadisch +120° +240°
- 1B101B
Crow
- 1A1406
≈ Crowshead
- 04181B
≈ Black Stallion
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 18.47:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.13:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 18.47:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--crow: #1b101b;
--crow-rgb: 27 16 27;
--crow-oklch: oklch(0.193 0.028 326.6);
}
.element {
color: var(--crow);
background-color: hsl(300 26% 8%);
border-color: oklch(0.193 0.028 326.6);
}Tailwind CSS v4
@theme {
--color-crow: #1b101b;
--color-crow-50: #faf2f9;
--color-crow-100: #ede5ec;
--color-crow-200: #dbd0da;
--color-crow-300: #c0b3be;
--color-crow-400: #a899a7;
--color-crow-500: #908090;
--color-crow-600: #7a6c7a;
--color-crow-700: #625761;
--color-crow-800: #473f48;
--color-crow-900: #312c32;
--color-crow-950: #1d191e;
}SCSS
$crow: #1b101b;
$crow-rgb: 27, 16, 27;
$crow-light: mix(#fff, $crow, 20%);
$crow-dark: mix(#000, $crow, 20%);
.element {
color: $crow;
box-shadow: 0 0 0 2px rgba($crow, 0.35);
}