Benannte Farbe · #6C7735
Army Golf
Army Golf ist #6C7735: rgb(108 119 53), hsl(70 38% 34%), oklch(0.545 0.091 117.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Army Golf color name →
#6C7735
oklch(0.545 0.091 117.4)
Farbumrechnungen
- HEX
- #6c7735
- RGB
- rgb(108 119 53)
- HSL
- hsl(70 38% 34%)
- HWB
- hwb(70 21% 53%)
- OKLCH
- oklch(0.545 0.091 117.4)
- OKLab
- oklab(0.545 -0.042 0.081)
- CIE Lab
- lab(47.98 -12.02 34.23)
- LCH
- lch(47.98 36.27 109.3)
- CMYK
- cmyk(9% 0% 55% 53%)
Tints · Shades · Tones
Tints
- 79844A
- 87915E
- 959E71
- A4AC85
- B2B999
- C1C7AD
- D0D5C1
- E0E3D5
- EFF1EA
Shades
- 5D672D
- 4E5725
- 40471D
- 323815
- 252A0E
- 191C08
- 0D1003
- 040501
- 000100
Tones
- 6E783E
- 707947
- 727A4E
- 747B56
- 767C5D
- 787D65
- 7A7E6C
- 7C7F72
- 7E7F79
Farbharmonien
Komplementär +180°
- 6C7735
Army Golf
- 76649F
≈ Reign Over Me
Analog -30° +30°
- 6C7735
Army Golf
- 876C29
≈ Aged Antics
- 497F51
≈ Melbourne
Triadisch +120° +240°
- 6C7735
Army Golf
- 34779F
≈ Taiwan Blue Magpie
- 9A5970
≈ Pink Tulip
Geteilt komplementär +150° +210°
- 6C7735
Army Golf
- 596EA6
≈ Splendour and Pride
- 8C5C8B
≈ Candy Violet
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.85:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.32:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.85:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--army-golf: #6c7735;
--army-golf-rgb: 108 119 53;
--army-golf-oklch: oklch(0.545 0.091 117.4);
}
.element {
color: var(--army-golf);
background-color: hsl(70 38% 34%);
border-color: oklch(0.545 0.091 117.4);
}Tailwind CSS v4
@theme {
--color-army-golf: #6c7735;
--color-army-golf-50: #f2f9dd;
--color-army-golf-100: #e4edcb;
--color-army-golf-200: #cfdaaf;
--color-army-golf-300: #b2bf8a;
--color-army-golf-400: #9aa667;
--color-army-golf-500: #818e44;
--color-army-golf-600: #6e783a;
--color-army-golf-700: #58602e;
--color-army-golf-800: #41461f;
--color-army-golf-900: #2d3114;
--color-army-golf-950: #1a1d06;
}SCSS
$army-golf: #6c7735;
$army-golf-rgb: 108, 119, 53;
$army-golf-light: mix(#fff, $army-golf, 20%);
$army-golf-dark: mix(#000, $army-golf, 20%);
.element {
color: $army-golf;
box-shadow: 0 0 0 2px rgba($army-golf, 0.35);
}