Benannte Farbe · #304112
Hinterlands Green
Hinterlands Green ist #304112: rgb(48 65 18), hsl(82 57% 16%), oklch(0.349 0.073 126.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Hinterlands Green color name →
#304112
oklch(0.349 0.073 126.8)
Farbumrechnungen
- HEX
- #304112
- RGB
- rgb(48 65 18)
- HSL
- hsl(82 57% 16%)
- HWB
- hwb(82 7% 75%)
- OKLCH
- oklch(0.349 0.073 126.8)
- OKLab
- oklab(0.349 -0.044 0.059)
- CIE Lab
- lab(25.21 -13.49 25.32)
- LCH
- lch(25.21 28.69 118.1)
- CMYK
- cmyk(26% 0% 72% 75%)
Tints · Shades · Tones
Tints
- 425229
- 55643F
- 687655
- 7C886C
- 909B83
- A6AE9B
- BBC2B3
- D1D6CC
- E8EAE5
Shades
- 28370E
- 212E0A
- 1A2507
- 131C04
- 0C1302
- 060B01
- 030501
- 010100
- 000000
Tones
- 37471E
- 3F4D2A
- 475435
- 4F5A3F
- 56604A
- 5F6655
- 676D5F
- 6F736A
- 777A75
Farbharmonien
Komplementär +180°
- 304112
Hinterlands Green
- 442F58
≈ Scarlet Gum
Analog -30° +30°
- 304112
Hinterlands Green
- 453A00
≈ Xanthophobia
- 0F452A
≈ Alaskan Moss
Triadisch +120° +240°
- 304112
Hinterlands Green
- 143D5E
≈ Poseidon
- 592834
≈ Zinfandel
Geteilt komplementär +150° +210°
- 304112
Hinterlands Green
- 313660
≈ Very Blue
- 522A48
≈ Murasaki
Tetradisch +90° +180° +270°
- 304112
Hinterlands Green
- 00424F
≈ Crab Nebula
- 442F58
≈ Scarlet Gum
- 5A2B1D
≈ Kōrozen
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.10:1 · APCA Lc 96
Ag
FailAuf Schwarz
WCAG 1.89:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 11.10:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--hinterlands-green: #304112;
--hinterlands-green-rgb: 48 65 18;
--hinterlands-green-oklch: oklch(0.349 0.073 126.8);
}
.element {
color: var(--hinterlands-green);
background-color: hsl(82 57% 16%);
border-color: oklch(0.349 0.073 126.8);
}Tailwind CSS v4
@theme {
--color-hinterlands-green: #304112;
--color-hinterlands-green-50: #effae4;
--color-hinterlands-green-100: #e0edd3;
--color-hinterlands-green-200: #cbdbba;
--color-hinterlands-green-300: #acbf97;
--color-hinterlands-green-400: #93a778;
--color-hinterlands-green-500: #798f59;
--color-hinterlands-green-600: #67794c;
--color-hinterlands-green-700: #52613d;
--color-hinterlands-green-800: #3d472a;
--color-hinterlands-green-900: #2a311c;
--color-hinterlands-green-950: #171d0d;
}SCSS
$hinterlands-green: #304112;
$hinterlands-green-rgb: 48, 65, 18;
$hinterlands-green-light: mix(#fff, $hinterlands-green, 20%);
$hinterlands-green-dark: mix(#000, $hinterlands-green, 20%);
.element {
color: $hinterlands-green;
box-shadow: 0 0 0 2px rgba($hinterlands-green, 0.35);
}