Benannte Farbe · #A4A97B
Mossy Cavern
Mossy Cavern ist #A4A97B: rgb(164 169 123), hsl(67 21% 57%), oklch(0.719 0.063 113). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Mossy Cavern color name →
#A4A97B
oklch(0.719 0.063 113)
Farbumrechnungen
- HEX
- #a4a97b
- RGB
- rgb(164 169 123)
- HSL
- hsl(67 21% 57%)
- HWB
- hwb(67 48% 34%)
- OKLCH
- oklch(0.719 0.063 113)
- OKLab
- oklab(0.719 -0.025 0.058)
- CIE Lab
- lab(67.95 -7.57 23.21)
- LCH
- lch(67.95 24.41 108.1)
- CMYK
- cmyk(3% 0% 27% 34%)
Tints · Shades · Tones
Tints
- ADB188
- B5BA95
- BEC2A2
- C7CBAF
- D0D3BC
- DADCC9
- E3E5D7
- ECEDE4
- F6F6F1
Shades
- 8E926A
- 797C5A
- 64674A
- 50533A
- 3D3F2C
- 2B2C1E
- 1A1B10
- 0A0A05
- 010101
Tones
- A0A57C
- 9DA17D
- 999D7D
- 95997E
- 92947E
- 8E907F
- 8B8C7F
- 878880
- 838480
Farbharmonien
Komplementär +180°
- A4A97B
Mossy Cavern
- A59DC9
≈ Purple Vision
Analog -30° +30°
- A4A97B
Mossy Cavern
- B8A177
≈ Hemp Rope
- 8DAF8B
≈ Pear Cactus
Triadisch +120° +240°
- A4A97B
Mossy Cavern
- 7CACC6
≈ Soul Blue
- C594A8
≈ Light Mauve
Geteilt komplementär +150° +210°
- A4A97B
Mossy Cavern
- 90A5CD
≈ Old World
- B897BC
≈ Dripping Wisteria
Tetradisch +90° +180° +270°
- A4A97B
Mossy Cavern
- 73B0B6
≈ Water Glitter
- A59DC9
≈ Purple Vision
- C99592
≈ Minstrel Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.45:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.53:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--mossy-cavern: #a4a97b;
--mossy-cavern-rgb: 164 169 123;
--mossy-cavern-oklch: oklch(0.719 0.063 113);
}
.element {
color: var(--mossy-cavern);
background-color: hsl(67 21% 57%);
border-color: oklch(0.719 0.063 113);
}Tailwind CSS v4
@theme {
--color-mossy-cavern: #a4a97b;
--color-mossy-cavern-50: #f4f8e3;
--color-mossy-cavern-100: #e7ebd3;
--color-mossy-cavern-200: #d3d8b9;
--color-mossy-cavern-300: #b6bc97;
--color-mossy-cavern-400: #9ea378;
--color-mossy-cavern-500: #868b59;
--color-mossy-cavern-600: #71764c;
--color-mossy-cavern-700: #5b5e3c;
--color-mossy-cavern-800: #43452b;
--color-mossy-cavern-900: #2e2f1d;
--color-mossy-cavern-950: #1b1c0d;
}SCSS
$mossy-cavern: #a4a97b;
$mossy-cavern-rgb: 164, 169, 123;
$mossy-cavern-light: mix(#fff, $mossy-cavern, 20%);
$mossy-cavern-dark: mix(#000, $mossy-cavern, 20%);
.element {
color: $mossy-cavern;
box-shadow: 0 0 0 2px rgba($mossy-cavern, 0.35);
}