Benannte Farbe · #608A5A
Hippie Green
Hippie Green ist #608A5A: rgb(96 138 90), hsl(113 21% 45%), oklch(0.59 0.085 141.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Hippie Green color name →
#608A5A
oklch(0.59 0.085 141.4)
Farbumrechnungen
- HEX
- #608a5a
- RGB
- rgb(96 138 90)
- HSL
- hsl(113 21% 45%)
- HWB
- hwb(113 35% 46%)
- OKLCH
- oklch(0.59 0.085 141.4)
- OKLab
- oklab(0.59 -0.067 0.053)
- CIE Lab
- lab(53.43 -22.51 20.96)
- LCH
- lch(53.43 30.76 137)
- CMYK
- cmyk(30% 0% 35% 46%)
Tints · Shades · Tones
Tints
- 6F956A
- 7FA17A
- 8EAC8A
- 9EB89A
- ADC3AA
- BDCFBB
- CEDBCB
- DEE7DC
- EEF3EE
Shades
- 52774D
- 456541
- 385335
- 2C4229
- 20321E
- 152213
- 0A1409
- 030703
- 000100
Tones
- 64895E
- 678862
- 6A8766
- 6E866A
- 71856E
- 748472
- 778375
- 7A8279
- 7D817C
Farbharmonien
Komplementär +180°
- 608A5A
Hippie Green
- 956C9C
≈ Lavender Crystal
Analog -30° +30°
- 608A5A
Hippie Green
- 7F8244
≈ Drab
- 408E77
≈ Perky
Triadisch +120° +240°
- 608A5A
Hippie Green
- 617DB0
≈ Deck Crew
- AA6867
≈ Melon Twist
Geteilt komplementär +150° +210°
- 608A5A
Hippie Green
- 7E74AC
≈ Plum Preserve
- A46883
≈ Strawberry Mousse
Tetradisch +90° +180° +270°
- 608A5A
Hippie Green
- 4286A7
≈ Underwater Moonlight
- 956C9C
≈ Lavender Crystal
- A66E4D
≈ Drum Solo
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.97:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.28:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.28:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--hippie-green: #608a5a;
--hippie-green-rgb: 96 138 90;
--hippie-green-oklch: oklch(0.59 0.085 141.4);
}
.element {
color: var(--hippie-green);
background-color: hsl(113 21% 45%);
border-color: oklch(0.59 0.085 141.4);
}Tailwind CSS v4
@theme {
--color-hippie-green: #608a5a;
--color-hippie-green-50: #e7fce6;
--color-hippie-green-100: #d8f0d6;
--color-hippie-green-200: #bfdebd;
--color-hippie-green-300: #9ec39c;
--color-hippie-green-400: #82ab7c;
--color-hippie-green-500: #65945f;
--color-hippie-green-600: #567e51;
--color-hippie-green-700: #456540;
--color-hippie-green-800: #334a2d;
--color-hippie-green-900: #22331e;
--color-hippie-green-950: #111f0e;
}SCSS
$hippie-green: #608a5a;
$hippie-green-rgb: 96, 138, 90;
$hippie-green-light: mix(#fff, $hippie-green, 20%);
$hippie-green-dark: mix(#000, $hippie-green, 20%);
.element {
color: $hippie-green;
box-shadow: 0 0 0 2px rgba($hippie-green, 0.35);
}