Benannte Farbe · #6C7A0E
Murky Green
Murky Green ist #6C7A0E: rgb(108 122 14), hsl(68 79% 27%), oklch(0.549 0.123 117.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Murky Green color name →
#6C7A0E
oklch(0.549 0.123 117.6)
Farbumrechnungen
- HEX
- #6c7a0e
- RGB
- rgb(108 122 14)
- HSL
- hsl(68 79% 27%)
- HWB
- hwb(68 5% 52%)
- OKLCH
- oklch(0.549 0.123 117.6)
- OKLab
- oklab(0.549 -0.057 0.109)
- CIE Lab
- lab(48.65 -15.28 49.87)
- LCH
- lch(48.65 52.15 107)
- CMYK
- cmyk(11% 0% 89% 52%)
Tints · Shades · Tones
Tints
- 798732
- 87944C
- 95A163
- A3AE79
- B2BB8F
- C1C9A5
- D0D6BB
- DFE4D2
- EFF1E8
Shades
- 5D690B
- 4E5907
- 404905
- 323A03
- 252B02
- 191D01
- 0D1000
- 040500
- 000100
Tones
- 6E7B25
- 707C33
- 727C3F
- 737D4A
- 757E54
- 777E5D
- 7A7F66
- 7C7F6F
- 7E8078
Farbharmonien
Komplementär +180°
- 6C7A0E
Murky Green
- 7A60AF
≈ Genestealer Purple
Analog -30° +30°
- 6C7A0E
Murky Green
- 8D6C00
≈ Muddy Brown
- 368445
≈ Vine
Triadisch +120° +240°
- 6C7A0E
Murky Green
- 007AAF
≈ Nice Blue
- A84F71
≈ China Rose
Geteilt komplementär +150° +210°
- 6C7A0E
Murky Green
- 526DB9
≈ Amparo Blue
- 975596
≈ Purplish
Tetradisch +90° +180° +270°
- 6C7A0E
Murky Green
- 00808E
≈ Briny
- 7A60AF
≈ Genestealer Purple
- AD5148
≈ Maine-Anjou Cattle
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.74:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.42:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.74:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--murky-green: #6c7a0e;
--murky-green-rgb: 108 122 14;
--murky-green-oklch: oklch(0.549 0.123 117.6);
}
.element {
color: var(--murky-green);
background-color: hsl(68 79% 27%);
border-color: oklch(0.549 0.123 117.6);
}Tailwind CSS v4
@theme {
--color-murky-green: #6c7a0e;
--color-murky-green-50: #f0fbd4;
--color-murky-green-100: #e2efc1;
--color-murky-green-200: #cddca1;
--color-murky-green-300: #b0c178;
--color-murky-green-400: #99a84e;
--color-murky-green-500: #80901b;
--color-murky-green-600: #6c7a1a;
--color-murky-green-700: #576215;
--color-murky-green-800: #41470a;
--color-murky-green-900: #2d3107;
--color-murky-green-950: #1a1d00;
}SCSS
$murky-green: #6c7a0e;
$murky-green-rgb: 108, 122, 14;
$murky-green-light: mix(#fff, $murky-green, 20%);
$murky-green-dark: mix(#000, $murky-green, 20%);
.element {
color: $murky-green;
box-shadow: 0 0 0 2px rgba($murky-green, 0.35);
}