Benannte Farbe · #98916C
Grey-Headed Woodpecker Green
Grey-Headed Woodpecker Green ist #98916C: rgb(152 145 108), hsl(50 18% 51%), oklch(0.653 0.053 98.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Grey-Headed Woodpecker Green color name →
#98916C
oklch(0.653 0.053 98.6)
Farbumrechnungen
- HEX
- #98916c
- RGB
- rgb(152 145 108)
- HSL
- hsl(50 18% 51%)
- HWB
- hwb(50 42% 40%)
- OKLCH
- oklch(0.653 0.053 98.6)
- OKLab
- oklab(0.653 -0.008 0.052)
- CIE Lab
- lab(60.06 -1.79 20.7)
- LCH
- lch(60.06 20.78 95)
- CMYK
- cmyk(0% 5% 29% 40%)
Tints · Shades · Tones
Tints
- A29C7A
- ACA688
- B6B197
- C0BCA5
- CAC7B4
- D5D2C2
- DFDDD1
- EAE8E0
- F4F4F0
Shades
- 847D5D
- 706A4E
- 5C5840
- 4A4632
- 383525
- 272519
- 17150D
- 080704
- 010100
Tones
- 968F6E
- 938E71
- 918C73
- 8E8A75
- 8C8977
- 898779
- 87857B
- 85837C
- 82827E
Farbharmonien
Komplementär +180°
- 98916C
Grey-Headed Woodpecker Green
- 888DB0
≈ Persian Violet
Analog -30° +30°
- 98916C
Grey-Headed Woodpecker Green
- A68B6E
≈ Tannin
- 869775
≈ Backyard
Triadisch +120° +240°
- 98916C
Grey-Headed Woodpecker Green
- 6B98A6
≈ Flood Tide
- A6849B
≈ Bouquet
Geteilt komplementär +150° +210°
- 98916C
Grey-Headed Woodpecker Green
- 7793AF
≈ Wink
- 9988A9
≈ Saffron Blossom Mauve
Tetradisch +90° +180° +270°
- 98916C
Grey-Headed Woodpecker Green
- 6A9B96
≈ Semi-Precious
- 888DB0
≈ Persian Violet
- AD8389
≈ Natural Spring
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.18:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.60:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.60:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--grey-headed-woodpecker-green: #98916c;
--grey-headed-woodpecker-green-rgb: 152 145 108;
--grey-headed-woodpecker-green-oklch: oklch(0.653 0.053 98.6);
}
.element {
color: var(--grey-headed-woodpecker-green);
background-color: hsl(50 18% 51%);
border-color: oklch(0.653 0.053 98.6);
}Tailwind CSS v4
@theme {
--color-grey-headed-woodpecker-green: #98916c;
--color-grey-headed-woodpecker-green-50: #f8f6e5;
--color-grey-headed-woodpecker-green-100: #ebe9d5;
--color-grey-headed-woodpecker-green-200: #d9d5bc;
--color-grey-headed-woodpecker-green-300: #bdb99a;
--color-grey-headed-woodpecker-green-400: #a69f7c;
--color-grey-headed-woodpecker-green-500: #8f875e;
--color-grey-headed-woodpecker-green-600: #797250;
--color-grey-headed-woodpecker-green-700: #615b40;
--color-grey-headed-woodpecker-green-800: #47432e;
--color-grey-headed-woodpecker-green-900: #312e1f;
--color-grey-headed-woodpecker-green-950: #1d1b0f;
}SCSS
$grey-headed-woodpecker-green: #98916c;
$grey-headed-woodpecker-green-rgb: 152, 145, 108;
$grey-headed-woodpecker-green-light: mix(#fff, $grey-headed-woodpecker-green, 20%);
$grey-headed-woodpecker-green-dark: mix(#000, $grey-headed-woodpecker-green, 20%);
.element {
color: $grey-headed-woodpecker-green;
box-shadow: 0 0 0 2px rgba($grey-headed-woodpecker-green, 0.35);
}