Benannte Farbe · #005511
Swamp Monster
Swamp Monster ist #005511: rgb(0 85 17), hsl(132 100% 17%), oklch(0.391 0.124 144.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Swamp Monster color name →
#005511
oklch(0.391 0.124 144.8)
Farbumrechnungen
- HEX
- #005511
- RGB
- rgb(0 85 17)
- HSL
- hsl(132 100% 17%)
- HWB
- hwb(132 0% 67%)
- OKLCH
- oklch(0.391 0.124 144.8)
- OKLab
- oklab(0.391 -0.101 0.071)
- CIE Lab
- lab(30.75 -34.73 30.7)
- LCH
- lch(30.75 46.35 138.5)
- CMYK
- cmyk(100% 0% 80% 67%)
Tints · Shades · Tones
Tints
- 26652B
- 3F7542
- 578658
- 6E976F
- 86A885
- 9DB99D
- B5CAB5
- CDDBCD
- E6EDE6
Shades
- 00490D
- 003D09
- 003106
- 002604
- 001C02
- 001101
- 000800
- 000200
- 000000
Tones
- 195A1F
- 285E2B
- 356337
- 406741
- 4C6B4C
- 567056
- 617461
- 6B786B
- 767C76
Farbharmonien
Komplementär +180°
- 005511
Swamp Monster
- 642869
≈ Blackest Berry
Analog -30° +30°
- 005511
Swamp Monster
- 444A00
≈ No Emissions Green
- 005243
≈ Tetsu Green
Triadisch +120° +240°
- 005511
Swamp Monster
- 234086
≈ Blue Oblivion
- 7A2121
≈ Incubus
Geteilt komplementär +150° +210°
- 005511
Swamp Monster
- 4B337F
≈ Galactic Compass
- 742049
≈ Caviar Couture
Tetradisch +90° +180° +270°
- 005511
Swamp Monster
- 004B6B
≈ Navy Dark Blue
- 642869
≈ Blackest Berry
- 6B3400
≈ Nutmeg Wood Finish
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.10:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.30:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--swamp-monster: #005511;
--swamp-monster-rgb: 0 85 17;
--swamp-monster-oklch: oklch(0.391 0.124 144.8);
}
.element {
color: var(--swamp-monster);
background-color: hsl(132 100% 17%);
border-color: oklch(0.391 0.124 144.8);
}Tailwind CSS v4
@theme {
--color-swamp-monster: #005511;
--color-swamp-monster-50: #dfffe1;
--color-swamp-monster-100: #cef4d0;
--color-swamp-monster-200: #b2e3b6;
--color-swamp-monster-300: #8dc992;
--color-swamp-monster-400: #6eb270;
--color-swamp-monster-500: #4b9b4f;
--color-swamp-monster-600: #408344;
--color-swamp-monster-700: #336936;
--color-swamp-monster-800: #264d24;
--color-swamp-monster-900: #193618;
--color-swamp-monster-950: #0a2109;
}SCSS
$swamp-monster: #005511;
$swamp-monster-rgb: 0, 85, 17;
$swamp-monster-light: mix(#fff, $swamp-monster, 20%);
$swamp-monster-dark: mix(#000, $swamp-monster, 20%);
.element {
color: $swamp-monster;
box-shadow: 0 0 0 2px rgba($swamp-monster, 0.35);
}