Benannte Farbe · #6C6A43
Fossil Green
Fossil Green ist #6C6A43: rgb(108 106 67), hsl(57 23% 34%), oklch(0.516 0.057 105.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Fossil Green color name →
#6C6A43
oklch(0.516 0.057 105.7)
Farbumrechnungen
- HEX
- #6c6a43
- RGB
- rgb(108 106 67)
- HSL
- hsl(57 23% 34%)
- HWB
- hwb(57 26% 58%)
- OKLCH
- oklch(0.516 0.057 105.7)
- OKLab
- oklab(0.516 -0.015 0.055)
- CIE Lab
- lab(44.25 -4.01 22.21)
- LCH
- lch(44.25 22.57 100.2)
- CMYK
- cmyk(0% 2% 38% 58%)
Tints · Shades · Tones
Tints
- 7A7855
- 878666
- 959479
- A4A38B
- B2B29D
- C1C1B0
- D0D0C4
- E0E0D7
- EFEFEB
Shades
- 5D5B39
- 4E4D2F
- 403F26
- 32311D
- 252414
- 19180C
- 0D0D05
- 040401
- 000000
Tones
- 6E6C49
- 706E50
- 727156
- 74735C
- 767562
- 787768
- 7A7A6E
- 7C7C74
- 7E7E7A
Farbharmonien
Komplementär +180°
- 6C6A43
Fossil Green
- 646387
≈ Pharaoh Purple
Analog -30° +30°
- 6C6A43
Fossil Green
- 7B6342
≈ Rawhide Canoe
- 596F4F
≈ Cactus
Triadisch +120° +240°
- 6C6A43
Fossil Green
- 426F81
≈ Am I Blue?
- 805B6F
≈ Euphoric Magenta
Geteilt komplementär +150° +210°
- 6C6A43
Fossil Green
- 526988
≈ Aurora Borealis
- 755E7E
≈ Grape Compote
Tetradisch +90° +180° +270°
- 6C6A43
Fossil Green
- 3D7272
≈ Peabody
- 646387
≈ Pharaoh Purple
- 855A5D
≈ Alaea
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.55:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.78:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--fossil-green: #6c6a43;
--fossil-green-rgb: 108 106 67;
--fossil-green-oklch: oklch(0.516 0.057 105.7);
}
.element {
color: var(--fossil-green);
background-color: hsl(57 23% 34%);
border-color: oklch(0.516 0.057 105.7);
}Tailwind CSS v4
@theme {
--color-fossil-green: #6c6a43;
--color-fossil-green-50: #f6f7e4;
--color-fossil-green-100: #e9ead4;
--color-fossil-green-200: #d6d6bb;
--color-fossil-green-300: #baba99;
--color-fossil-green-400: #a3a17a;
--color-fossil-green-500: #8b895c;
--color-fossil-green-600: #76744f;
--color-fossil-green-700: #5e5d3f;
--color-fossil-green-800: #46432c;
--color-fossil-green-900: #302f1e;
--color-fossil-green-950: #1c1b0e;
}SCSS
$fossil-green: #6c6a43;
$fossil-green-rgb: 108, 106, 67;
$fossil-green-light: mix(#fff, $fossil-green, 20%);
$fossil-green-dark: mix(#000, $fossil-green, 20%);
.element {
color: $fossil-green;
box-shadow: 0 0 0 2px rgba($fossil-green, 0.35);
}