Benannte Farbe · #968154
Grassy Cliff
Grassy Cliff ist #968154: rgb(150 129 84), hsl(41 28% 46%), oklch(0.612 0.067 85.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Grassy Cliff color name →
#968154
oklch(0.612 0.067 85.5)
Farbumrechnungen
- HEX
- #968154
- RGB
- rgb(150 129 84)
- HSL
- hsl(41 28% 46%)
- HWB
- hwb(41 33% 41%)
- OKLCH
- oklch(0.612 0.067 85.5)
- OKLab
- oklab(0.612 0.005 0.067)
- CIE Lab
- lab(55.13 3.57 27.49)
- LCH
- lch(55.13 27.72 82.6)
- CMYK
- cmyk(0% 14% 44% 41%)
Tints · Shades · Tones
Tints
- A08D65
- AA9975
- B5A686
- BFB297
- C9BEA8
- D4CBB9
- DFD8CA
- E9E5DC
- F4F2ED
Shades
- 826F48
- 6E5E3C
- 5B4E31
- 493E26
- 372E1B
- 261F11
- 161208
- 080602
- 010100
Tones
- 948159
- 92815E
- 8F8163
- 8D8167
- 8B816B
- 898170
- 878174
- 848078
- 82807C
Farbharmonien
Komplementär +180°
- 968154
Grassy Cliff
- 7083AD
≈ Venture Violet
Analog -30° +30°
- 968154
Grassy Cliff
- A3795C
≈ Walking Stick
- 82895A
≈ Iguana
Triadisch +120° +240°
- 968154
Grassy Cliff
- 4F9097
≈ Adrift
- 99769A
≈ Rebel Rouser
Geteilt komplementär +150° +210°
- 968154
Grassy Cliff
- 5B8AA7
≈ Air Force Blue
- 877CA8
≈ Aster
Tetradisch +90° +180° +270°
- 968154
Grassy Cliff
- 569182
≈ Spa Green
- 7083AD
≈ Venture Violet
- A57385
≈ Never Forget
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.77:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.56:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.56:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--grassy-cliff: #968154;
--grassy-cliff-rgb: 150 129 84;
--grassy-cliff-oklch: oklch(0.612 0.067 85.5);
}
.element {
color: var(--grassy-cliff);
background-color: hsl(41 28% 46%);
border-color: oklch(0.612 0.067 85.5);
}Tailwind CSS v4
@theme {
--color-grassy-cliff: #968154;
--color-grassy-cliff-50: #fdf4e0;
--color-grassy-cliff-100: #f1e7cf;
--color-grassy-cliff-200: #e0d3b4;
--color-grassy-cliff-300: #c6b691;
--color-grassy-cliff-400: #b09c71;
--color-grassy-cliff-500: #9a8351;
--color-grassy-cliff-600: #826f45;
--color-grassy-cliff-700: #685937;
--color-grassy-cliff-800: #4e4027;
--color-grassy-cliff-900: #362c1a;
--color-grassy-cliff-950: #21190a;
}SCSS
$grassy-cliff: #968154;
$grassy-cliff-rgb: 150, 129, 84;
$grassy-cliff-light: mix(#fff, $grassy-cliff, 20%);
$grassy-cliff-dark: mix(#000, $grassy-cliff, 20%);
.element {
color: $grassy-cliff;
box-shadow: 0 0 0 2px rgba($grassy-cliff, 0.35);
}