Nächste benannte Farbe · #192420
#192420
Nächste benannte Farbe: Swamp Thing
#192420 (rgb(25 36 32), hsl(158 18% 12%), oklch(0.248 0.017 170.6)) liegt am nächsten an der benannten Farbe Swamp Thing. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#192420
oklch(0.248 0.017 170.6)
Farbumrechnungen
- HEX
- #192420
- RGB
- rgb(25 36 32)
- HSL
- hsl(158 18% 12%)
- HWB
- hwb(158 10% 86%)
- OKLCH
- oklch(0.248 0.017 170.6)
- OKLab
- oklab(0.248 -0.017 0.003)
- CIE Lab
- lab(13.04 -5.86 1.03)
- LCH
- lch(13.04 5.95 170.1)
- CMYK
- cmyk(31% 0% 11% 86%)
Tints · Shades · Tones
Tints
- 2C3633
- 404A46
- 565E5B
- 6C7370
- 838987
- 9AA09D
- B2B7B5
- CBCECD
- E5E6E6
Shades
- 141E1A
- 101815
- 0B120F
- 070C0A
- 040706
- 020403
- 010201
- 000000
- 000000
Tones
- 222C29
- 2C3531
- 363E3B
- 404744
- 4A504D
- 545957
- 5F6361
- 6A6C6B
- 757676
Farbharmonien
Komplementär +180°
- 192420
Swamp Thing
- 281E22
≈ Ink Black
Analog -30° +30°
- 192420
Swamp Thing
- 1D231C
≈ Underworld
- 172425
≈ Shadow Warrior
Triadisch +120° +240°
- 192420
Swamp Thing
- 212029
≈ To Hell and Black
- 281F1A
≈ Weathervane
Geteilt komplementär +150° +210°
- 192420
Swamp Thing
- 251F26
≈ Ink Black
- 291E1E
≈ Velvet Black
Tetradisch +90° +180° +270°
- 192420
Swamp Thing
- 1D212A
≈ Noble Black
- 281E22
≈ Ink Black
- 262018
≈ Petroleum
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 15.97:1 · APCA Lc 103
Ag
FailAuf Schwarz
WCAG 1.31:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 15.97:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
CSS
:root {
--swamp-thing: #192420;
--swamp-thing-rgb: 25 36 32;
--swamp-thing-oklch: oklch(0.248 0.017 170.6);
}
.element {
color: var(--swamp-thing);
background-color: hsl(158 18% 12%);
border-color: oklch(0.248 0.017 170.6);
}Tailwind CSS v4
@theme {
--color-swamp-thing: #192420;
--color-swamp-thing-50: #f0f7f4;
--color-swamp-thing-100: #e2eae7;
--color-swamp-thing-200: #cdd7d3;
--color-swamp-thing-300: #afbab6;
--color-swamp-thing-400: #95a29d;
--color-swamp-thing-500: #7b8a84;
--color-swamp-thing-600: #697570;
--color-swamp-thing-700: #545d5a;
--color-swamp-thing-800: #3d4441;
--color-swamp-thing-900: #2a2f2d;
--color-swamp-thing-950: #171c1a;
}SCSS
$swamp-thing: #192420;
$swamp-thing-rgb: 25, 36, 32;
$swamp-thing-light: mix(#fff, $swamp-thing, 20%);
$swamp-thing-dark: mix(#000, $swamp-thing, 20%);
.element {
color: $swamp-thing;
box-shadow: 0 0 0 2px rgba($swamp-thing, 0.35);
}