Nächste benannte Farbe · #1C150E
#1C150E
Nächste benannte Farbe: Soulless
#1C150E (rgb(28 21 14), hsl(30 33% 8%), oklch(0.202 0.017 66.6)) liegt am nächsten an der benannten Farbe Soulless. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#1C150E
oklch(0.202 0.017 66.6)
Farbumrechnungen
- HEX
- #1c150e
- RGB
- rgb(28 21 14)
- HSL
- hsl(30 33% 8%)
- HWB
- hwb(30 5% 89%)
- OKLCH
- oklch(0.202 0.017 66.6)
- OKLab
- oklab(0.202 0.007 0.016)
- CIE Lab
- lab(7.43 2.62 5.21)
- LCH
- lch(7.43 5.83 63.3)
- CMYK
- cmyk(0% 25% 50% 89%)
Tints · Shades · Tones
Tints
- 2F2821
- 433C36
- 58524C
- 6E6863
- 84807B
- 9C9894
- B4B1AE
- CCCAC8
- E5E4E3
Shades
- 17110B
- 120C07
- 0D0805
- 080503
- 050302
- 020201
- 010100
- 000000
- 000000
Tones
- 251E18
- 2E2822
- 38322D
- 413C38
- 4B4743
- 55524F
- 605D5B
- 6A6967
- 757473
Farbharmonien
Komplementär +180°
- 1C150E
Soulless
- 10171E
≈ Kuroi Black
Analog -30° +30°
- 1C150E
Soulless
- 1E1411
≈ Bighorn Sheep
- 19170D
≈ Darkness
Triadisch +120° +240°
- 1C150E
Soulless
- 0D1918
≈ Black Stallion
- 18141D
≈ Back in Black
Geteilt komplementär +150° +210°
- 1C150E
Soulless
- 0D191C
≈ Black Stallion
- 14161F
≈ Kuroi Black
Tetradisch +90° +180° +270°
- 1C150E
Soulless
- 101913
≈ Darkness
- 10171E
≈ Kuroi Black
- 1C1419
≈ Bats Cloak
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 18.05:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.16:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 18.05:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--soulless: #1c150e;
--soulless-rgb: 28 21 14;
--soulless-oklch: oklch(0.202 0.017 66.6);
}
.element {
color: var(--soulless);
background-color: hsl(30 33% 8%);
border-color: oklch(0.202 0.017 66.6);
}Tailwind CSS v4
@theme {
--color-soulless: #1c150e;
--color-soulless-50: #f9f4f0;
--color-soulless-100: #ece7e2;
--color-soulless-200: #d9d3cc;
--color-soulless-300: #bdb6ae;
--color-soulless-400: #a69d94;
--color-soulless-500: #8e847a;
--color-soulless-600: #787068;
--color-soulless-700: #605953;
--color-soulless-800: #47413c;
--color-soulless-900: #312d29;
--color-soulless-950: #1d1a17;
}SCSS
$soulless: #1c150e;
$soulless-rgb: 28, 21, 14;
$soulless-light: mix(#fff, $soulless, 20%);
$soulless-dark: mix(#000, $soulless, 20%);
.element {
color: $soulless;
box-shadow: 0 0 0 2px rgba($soulless, 0.35);
}