Benannte Farbe · #676957
Green Gate
Green Gate ist #676957: rgb(103 105 87), hsl(67 9% 38%), oklch(0.514 0.028 112.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Green Gate color name →
#676957
oklch(0.514 0.028 112.5)
Farbumrechnungen
- HEX
- #676957
- RGB
- rgb(103 105 87)
- HSL
- hsl(67 9% 38%)
- HWB
- hwb(67 34% 59%)
- OKLCH
- oklch(0.514 0.028 112.5)
- OKLab
- oklab(0.514 -0.011 0.025)
- CIE Lab
- lab(43.83 -3.38 9.9)
- LCH
- lch(43.83 10.46 108.9)
- CMYK
- cmyk(2% 0% 17% 59%)
Tints · Shades · Tones
Tints
- 757766
- 838576
- 929386
- A1A297
- B0B1A7
- BFC0B8
- CFD0CA
- DFDFDB
- EFEFED
Shades
- 595A4B
- 4B4C3E
- 3D3E33
- 303127
- 23241C
- 171812
- 0C0C08
- 040403
- 000000
Tones
- 696B5B
- 6C6E5F
- 6E7063
- 717267
- 73746B
- 76776F
- 787974
- 7B7B78
- 7D7E7C
Farbharmonien
Komplementär +180°
- 676957
Green Gate
- 676476
≈ Purple Punch
Analog -30° +30°
- 676957
Green Gate
- 6F6655
≈ Bronze Fig
- 5E6B5D
≈ Terrarium
Triadisch +120° +240°
- 676957
Green Gate
- 586A75
≈ Distance
- 746169
≈ Chimaera
Geteilt komplementär +150° +210°
- 676957
Green Gate
- 5F6777
≈ Folkstone Grey
- 6F6271
≈ Iris Petal
Tetradisch +90° +180° +270°
- 676957
Green Gate
- 556C6E
≈ Blue Ballet
- 676476
≈ Purple Punch
- 766160
≈ Burnt Grape
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.62:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.73:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.62:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--green-gate: #676957;
--green-gate-rgb: 103 105 87;
--green-gate-oklch: oklch(0.514 0.028 112.5);
}
.element {
color: var(--green-gate);
background-color: hsl(67 9% 38%);
border-color: oklch(0.514 0.028 112.5);
}Tailwind CSS v4
@theme {
--color-green-gate: #676957;
--color-green-gate-50: #f5f6ed;
--color-green-gate-100: #e7e9df;
--color-green-gate-200: #d4d6c9;
--color-green-gate-300: #b7b9a9;
--color-green-gate-400: #9ea08e;
--color-green-gate-500: #868874;
--color-green-gate-600: #717362;
--color-green-gate-700: #5b5c4e;
--color-green-gate-800: #434339;
--color-green-gate-900: #2e2f27;
--color-green-gate-950: #1b1b15;
}SCSS
$green-gate: #676957;
$green-gate-rgb: 103, 105, 87;
$green-gate-light: mix(#fff, $green-gate, 20%);
$green-gate-dark: mix(#000, $green-gate, 20%);
.element {
color: $green-gate;
box-shadow: 0 0 0 2px rgba($green-gate, 0.35);
}