Benannte Farbe · #7F8162
Spores
Spores ist #7F8162: rgb(127 129 98), hsl(64 14% 45%), oklch(0.593 0.045 110.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Spores color name →
#7F8162
oklch(0.593 0.045 110.8)
Farbumrechnungen
- HEX
- #7f8162
- RGB
- rgb(127 129 98)
- HSL
- hsl(64 14% 45%)
- HWB
- hwb(64 38% 49%)
- OKLCH
- oklch(0.593 0.045 110.8)
- OKLab
- oklab(0.593 -0.016 0.042)
- CIE Lab
- lab(53.17 -4.87 16.63)
- LCH
- lch(53.17 17.33 106.3)
- CMYK
- cmyk(2% 0% 24% 49%)
Tints · Shades · Tones
Tints
- 8B8D71
- 979980
- A4A58F
- B0B29E
- BDBEAE
- CACBBE
- D7D8CE
- E4E5DE
- F1F2EE
Shades
- 6E6F54
- 5D5E47
- 4C4E3A
- 3C3E2D
- 2D2E21
- 1F1F16
- 11120B
- 060603
- 010100
Tones
- 7F8165
- 7F8168
- 7F816B
- 7F816E
- 7F8171
- 808174
- 808077
- 80807A
- 80807D
Farbharmonien
Komplementär +180°
- 7F8162
Spores
- 7E7A98
≈ Kinlock
Analog -30° +30°
- 7F8162
Spores
- 8C7C60
≈ Elmwood
- 70856C
≈ Thyme and Place
Triadisch +120° +240°
- 7F8162
Spores
- 638494
≈ Play Me a Melody
- 947382
≈ Tragic Juliet
Geteilt komplementär +150° +210°
- 7F8162
Spores
- 6F7F9A
≈ Country Blue
- 8B768F
≈ Self Powered
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.02:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.21:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.21:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--spores: #7f8162;
--spores-rgb: 127 129 98;
--spores-oklch: oklch(0.593 0.045 110.8);
}
.element {
color: var(--spores);
background-color: hsl(64 14% 45%);
border-color: oklch(0.593 0.045 110.8);
}Tailwind CSS v4
@theme {
--color-spores: #7f8162;
--color-spores-50: #f5f7e8;
--color-spores-100: #e8ead9;
--color-spores-200: #d4d7c1;
--color-spores-300: #b7baa0;
--color-spores-400: #9fa183;
--color-spores-500: #878967;
--color-spores-600: #727457;
--color-spores-700: #5b5d46;
--color-spores-800: #434432;
--color-spores-900: #2f2f22;
--color-spores-950: #1b1b11;
}SCSS
$spores: #7f8162;
$spores-rgb: 127, 129, 98;
$spores-light: mix(#fff, $spores, 20%);
$spores-dark: mix(#000, $spores, 20%);
.element {
color: $spores;
box-shadow: 0 0 0 2px rgba($spores, 0.35);
}