Benannte Farbe · #1F5429
Moor-Monster
Moor-Monster ist #1F5429: rgb(31 84 41), hsl(131 46% 23%), oklch(0.398 0.09 147.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Moor-Monster color name →
#1F5429
oklch(0.398 0.09 147.4)
Farbumrechnungen
- HEX
- #1f5429
- RGB
- rgb(31 84 41)
- HSL
- hsl(131 46% 23%)
- HWB
- hwb(131 12% 67%)
- OKLCH
- oklch(0.398 0.09 147.4)
- OKLab
- oklab(0.398 -0.076 0.049)
- CIE Lab
- lab(31.34 -26.32 19.57)
- LCH
- lch(31.34 32.8 143.4)
- CMYK
- cmyk(63% 0% 51% 67%)
Tints · Shades · Tones
Tints
- 36643D
- 4B7450
- 618564
- 769579
- 8CA68E
- A2B8A4
- B9C9BA
- D0DBD1
- E7EDE8
Shades
- 194822
- 143C1C
- 0F3115
- 0A260F
- 061B09
- 031105
- 010802
- 000201
- 000000
Tones
- 2B5932
- 355D3B
- 3F6143
- 49664C
- 526A54
- 5B6F5D
- 647366
- 6E776E
- 777C77
Farbharmonien
Komplementär +180°
- 1F5429
Moor-Monster
- 603460
≈ Long Passionate Night
Analog -30° +30°
- 1F5429
Moor-Monster
- 444D03
≈ No Emissions Green
- 005447
≈ Breathe Deeply
Triadisch +120° +240°
- 1F5429
Moor-Monster
- 324478
≈ Sodalite Blue
- 70312B
≈ Cypress Bark Red
Geteilt komplementär +150° +210°
- 1F5429
Moor-Monster
- 4D3B71
≈ Succinct Violet
- 6C3048
≈ Cherry Juice Red
Tetradisch +90° +180° +270°
- 1F5429
Moor-Monster
- 004D70
≈ Pompeii Blue
- 603460
≈ Long Passionate Night
- 6B3909
≈ Bestial Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.90:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.35:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.90:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--moor-monster: #1f5429;
--moor-monster-rgb: 31 84 41;
--moor-monster-oklch: oklch(0.398 0.09 147.4);
}
.element {
color: var(--moor-monster);
background-color: hsl(131 46% 23%);
border-color: oklch(0.398 0.09 147.4);
}Tailwind CSS v4
@theme {
--color-moor-monster: #1f5429;
--color-moor-monster-50: #e4fde8;
--color-moor-monster-100: #d4f1d8;
--color-moor-monster-200: #bae0c0;
--color-moor-monster-300: #97c59f;
--color-moor-monster-400: #7aad80;
--color-moor-monster-500: #5b9763;
--color-moor-monster-600: #4e7f54;
--color-moor-monster-700: #3e6643;
--color-moor-monster-800: #2d4b2f;
--color-moor-monster-900: #1f3420;
--color-moor-monster-950: #0e1f0f;
}SCSS
$moor-monster: #1f5429;
$moor-monster-rgb: 31, 84, 41;
$moor-monster-light: mix(#fff, $moor-monster, 20%);
$moor-monster-dark: mix(#000, $moor-monster, 20%);
.element {
color: $moor-monster;
box-shadow: 0 0 0 2px rgba($moor-monster, 0.35);
}