Nächste benannte Farbe · #171407
#171407
Nächste benannte Farbe: Soulless
#171407 (rgb(23 20 7), hsl(49 53% 6%), oklch(0.191 0.024 97)) liegt am nächsten an der benannten Farbe Soulless. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#171407
oklch(0.191 0.024 97)
Farbumrechnungen
- HEX
- #171407
- RGB
- rgb(23 20 7)
- HSL
- hsl(49 53% 6%)
- HWB
- hwb(49 3% 91%)
- OKLCH
- oklch(0.191 0.024 97)
- OKLab
- oklab(0.191 -0.003 0.024)
- CIE Lab
- lab(6.37 -0.26 6.61)
- LCH
- lch(6.37 6.61 92.2)
- CMYK
- cmyk(0% 13% 70% 91%)
Tints · Shades · Tones
Tints
- 2A271B
- 3E3B30
- 535146
- 6A675E
- 817F77
- 999791
- B1B0AB
- CBCAC6
- E5E4E2
Shades
- 121005
- 0E0C04
- 0A0802
- 060502
- 040301
- 020100
- 010100
- 000000
- 000000
Tones
- 201D11
- 2A271C
- 333128
- 3E3C33
- 48473F
- 53524C
- 5E5D58
- 696865
- 747472
Farbharmonien
Komplementär +180°
- 171407
Soulless
- 11131F
≈ Corbeau
Analog -30° +30°
- 171407
Soulless
- 1B1208
≈ Crowshead
- 11160A
≈ Pinch of Pepper
Triadisch +120° +240°
- 171407
Soulless
- 06171B
≈ Black Is Back
- 1B1018
≈ Back in Black
Geteilt komplementär +150° +210°
- 171407
Soulless
- 0B151E
≈ Midnight Edition
- 17111D
≈ Back in Black
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 18.42:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.13:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 18.42:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--soulless: #171407;
--soulless-rgb: 23 20 7;
--soulless-oklch: oklch(0.191 0.024 97);
}
.element {
color: var(--soulless);
background-color: hsl(49 53% 6%);
border-color: oklch(0.191 0.024 97);
}Tailwind CSS v4
@theme {
--color-soulless: #171407;
--color-soulless-50: #f7f5ee;
--color-soulless-100: #eae8df;
--color-soulless-200: #d7d5c9;
--color-soulless-300: #bab8aa;
--color-soulless-400: #a29f8f;
--color-soulless-500: #8a8774;
--color-soulless-600: #757263;
--color-soulless-700: #5e5b4f;
--color-soulless-800: #454239;
--color-soulless-900: #302e27;
--color-soulless-950: #1c1b15;
}SCSS
$soulless: #171407;
$soulless-rgb: 23, 20, 7;
$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);
}