Benannte Farbe · #A9965D
Mossy Rock
Mossy Rock ist #A9965D: rgb(169 150 93), hsl(45 31% 51%), oklch(0.677 0.079 91.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Mossy Rock color name →
#A9965D
oklch(0.677 0.079 91.7)
Farbumrechnungen
- HEX
- #a9965d
- RGB
- rgb(169 150 93)
- HSL
- hsl(45 31% 51%)
- HWB
- hwb(45 36% 34%)
- OKLCH
- oklch(0.677 0.079 91.7)
- OKLab
- oklab(0.677 -0.002 0.079)
- CIE Lab
- lab(62.81 1.41 32.69)
- LCH
- lch(62.81 32.72 87.5)
- CMYK
- cmyk(0% 11% 45% 34%)
Tints · Shades · Tones
Tints
- B1A06D
- BAAB7D
- C2B58D
- CBBF9D
- D3CAAD
- DCD4BE
- E5DFCE
- EDEADE
- F6F4EE
Shades
- 928250
- 7C6E43
- 675B37
- 53492A
- 3F371F
- 2C2614
- 1B160A
- 0A0803
- 010100
Tones
- A59461
- A19266
- 9D9069
- 988D6D
- 948B71
- 908974
- 8C8777
- 88857A
- 84827D
Farbharmonien
Komplementär +180°
- A9965D
Mossy Rock
- 8695C9
≈ Pale Iris
Analog -30° +30°
- A9965D
Mossy Rock
- BB8C64
≈ Tatami Tan
- 8F9F68
≈ Buckingham Gardens
Triadisch +120° +240°
- A9965D
Mossy Rock
- 57A5B3
≈ Explorer Blue
- B485AD
≈ Opera Mauve
Geteilt komplementär +150° +210°
- A9965D
Mossy Rock
- 6A9EC4
≈ Gulf Stream Blue
- A08CC1
≈ Classic Bouquet
Tetradisch +90° +180° +270°
- A9965D
Mossy Rock
- 5BA89B
≈ Dragon Bay
- 8695C9
≈ Pale Iris
- C18394
≈ Strawberry Jubilee
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.91:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.20:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.20:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--mossy-rock: #a9965d;
--mossy-rock-rgb: 169 150 93;
--mossy-rock-oklch: oklch(0.677 0.079 91.7);
}
.element {
color: var(--mossy-rock);
background-color: hsl(45 31% 51%);
border-color: oklch(0.677 0.079 91.7);
}Tailwind CSS v4
@theme {
--color-mossy-rock: #a9965d;
--color-mossy-rock-50: #fcf5dc;
--color-mossy-rock-100: #f0e8cb;
--color-mossy-rock-200: #dfd4af;
--color-mossy-rock-300: #c5b789;
--color-mossy-rock-400: #af9d67;
--color-mossy-rock-500: #998445;
--color-mossy-rock-600: #82703b;
--color-mossy-rock-700: #685a2f;
--color-mossy-rock-800: #4d4120;
--color-mossy-rock-900: #362d15;
--color-mossy-rock-950: #211a07;
}SCSS
$mossy-rock: #a9965d;
$mossy-rock-rgb: 169, 150, 93;
$mossy-rock-light: mix(#fff, $mossy-rock, 20%);
$mossy-rock-dark: mix(#000, $mossy-rock, 20%);
.element {
color: $mossy-rock;
box-shadow: 0 0 0 2px rgba($mossy-rock, 0.35);
}