Benannte Farbe · #59685F
Hockham Green
Hockham Green ist #59685F: rgb(89 104 95), hsl(144 8% 38%), oklch(0.502 0.023 159.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Hockham Green color name →
#59685F
oklch(0.502 0.023 159.1)
Farbumrechnungen
- HEX
- #59685f
- RGB
- rgb(89 104 95)
- HSL
- hsl(144 8% 38%)
- HWB
- hwb(144 35% 59%)
- OKLCH
- oklch(0.502 0.023 159.1)
- OKLab
- oklab(0.502 -0.022 0.008)
- CIE Lab
- lab(42.52 -7.39 3.08)
- LCH
- lch(42.52 8 157.4)
- CMYK
- cmyk(14% 0% 9% 59%)
Tints · Shades · Tones
Tints
- 68766E
- 78847D
- 88938C
- 98A19C
- A8B1AC
- B9C0BC
- CACFCC
- DCDFDD
- EDEFEE
Shades
- 4C5952
- 404B44
- 343E38
- 28302C
- 1D2420
- 131815
- 090C0A
- 030403
- 000000
Tones
- 5D6A62
- 616D65
- 656F69
- 68726C
- 6C746F
- 707673
- 747976
- 787B79
- 7C7E7D
Farbharmonien
Komplementär +180°
- 59685F
Hockham Green
- 6D5F68
≈ Vibrant Vision
Analog -30° +30°
- 59685F
Hockham Green
- 606759
≈ Deep Bottlebrush
- 556866
≈ Brooklyn
Triadisch +120° +240°
- 59685F
Hockham Green
- 616371
≈ Comet
- 70605A
≈ Tree Bark
Geteilt komplementär +150° +210°
- 59685F
Hockham Green
- 68606E
≈ Fashionista
- 705F61
≈ Impromptu
Tetradisch +90° +180° +270°
- 59685F
Hockham Green
- 5A6571
≈ Fuel Town
- 6D5F68
≈ Vibrant Vision
- 6D6256
≈ Carriage
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.88:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.57:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 5.88:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--hockham-green: #59685f;
--hockham-green-rgb: 89 104 95;
--hockham-green-oklch: oklch(0.502 0.023 159.1);
}
.element {
color: var(--hockham-green);
background-color: hsl(144 8% 38%);
border-color: oklch(0.502 0.023 159.1);
}Tailwind CSS v4
@theme {
--color-hockham-green: #59685f;
--color-hockham-green-50: #f0f7f3;
--color-hockham-green-100: #e2eae5;
--color-hockham-green-200: #ccd7d1;
--color-hockham-green-300: #aebbb4;
--color-hockham-green-400: #93a39a;
--color-hockham-green-500: #7a8b81;
--color-hockham-green-600: #67766d;
--color-hockham-green-700: #525e57;
--color-hockham-green-800: #3c453f;
--color-hockham-green-900: #29302b;
--color-hockham-green-950: #171c19;
}SCSS
$hockham-green: #59685f;
$hockham-green-rgb: 89, 104, 95;
$hockham-green-light: mix(#fff, $hockham-green, 20%);
$hockham-green-dark: mix(#000, $hockham-green, 20%);
.element {
color: $hockham-green;
box-shadow: 0 0 0 2px rgba($hockham-green, 0.35);
}