Benannte Farbe · #6A8472
Ranger Green
Ranger Green ist #6A8472: rgb(106 132 114), hsl(138 11% 47%), oklch(0.588 0.041 154.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Ranger Green color name →
#6A8472
oklch(0.588 0.041 154.8)
Farbumrechnungen
- HEX
- #6a8472
- RGB
- rgb(106 132 114)
- HSL
- hsl(138 11% 47%)
- HWB
- hwb(138 42% 48%)
- OKLCH
- oklch(0.588 0.041 154.8)
- OKLab
- oklab(0.588 -0.037 0.017)
- CIE Lab
- lab(52.69 -12.59 6.53)
- LCH
- lch(52.69 14.18 152.6)
- CMYK
- cmyk(20% 0% 14% 48%)
Tints · Shades · Tones
Tints
- 78907F
- 869B8D
- 95A79A
- A3B4A8
- B2C0B6
- C1CCC4
- D0D9D3
- E0E5E1
- EFF2F0
Shades
- 5B7262
- 4D6053
- 3F4F44
- 313F36
- 242F28
- 18201B
- 0D120E
- 040604
- 000101
Tones
- 6C8473
- 6F8375
- 718376
- 738378
- 758279
- 78827A
- 7A817C
- 7C817D
- 7E807F
Farbharmonien
Komplementär +180°
- 6A8472
Ranger Green
- 8C7486
≈ Plum Legacy
Analog -30° +30°
- 6A8472
Ranger Green
- 778167
≈ Bladed Grass
- 61857F
≈ Greenella
Triadisch +120° +240°
- 6A8472
Ranger Green
- 757B95
≈ Smokey Denim
- 93746D
≈ Mulberry Silk
Geteilt komplementär +150° +210°
- 6A8472
Ranger Green
- 827790
≈ Kinlock
- 927379
≈ Socialite
Tetradisch +90° +180° +270°
- 6A8472
Ranger Green
- 698093
≈ Blue Prince
- 8C7486
≈ Plum Legacy
- 8E7864
≈ Dusty Path
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.07:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.15:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.15:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--ranger-green: #6a8472;
--ranger-green-rgb: 106 132 114;
--ranger-green-oklch: oklch(0.588 0.041 154.8);
}
.element {
color: var(--ranger-green);
background-color: hsl(138 11% 47%);
border-color: oklch(0.588 0.041 154.8);
}Tailwind CSS v4
@theme {
--color-ranger-green: #6a8472;
--color-ranger-green-50: #ecf9f0;
--color-ranger-green-100: #deece2;
--color-ranger-green-200: #c7dacd;
--color-ranger-green-300: #a7beaf;
--color-ranger-green-400: #8ca694;
--color-ranger-green-500: #718e7a;
--color-ranger-green-600: #607968;
--color-ranger-green-700: #4d6053;
--color-ranger-green-800: #38473c;
--color-ranger-green-900: #263129;
--color-ranger-green-950: #151d17;
}SCSS
$ranger-green: #6a8472;
$ranger-green-rgb: 106, 132, 114;
$ranger-green-light: mix(#fff, $ranger-green, 20%);
$ranger-green-dark: mix(#000, $ranger-green, 20%);
.element {
color: $ranger-green;
box-shadow: 0 0 0 2px rgba($ranger-green, 0.35);
}