Benannte Farbe · #989A8D
Hunter’s Hollow
Hunter’s Hollow ist #989A8D: rgb(152 154 141), hsl(69 6% 58%), oklch(0.681 0.019 114). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Hunter’s Hollow color name →
#989A8D
oklch(0.681 0.019 114)
Farbumrechnungen
- HEX
- #989a8d
- RGB
- rgb(152 154 141)
- HSL
- hsl(69 6% 58%)
- HWB
- hwb(69 55% 40%)
- OKLCH
- oklch(0.681 0.019 114)
- OKLab
- oklab(0.681 -0.008 0.017)
- CIE Lab
- lab(63.15 -2.56 6.59)
- LCH
- lch(63.15 7.07 111.2)
- CMYK
- cmyk(1% 0% 8% 40%)
Tints · Shades · Tones
Tints
- A2A498
- ACADA3
- B6B7AE
- C0C1B9
- CACBC5
- D5D6D0
- DFE0DC
- EAEAE7
- F4F4F3
Shades
- 84857A
- 707167
- 5C5E55
- 4A4B44
- 383933
- 272723
- 171714
- 080907
- 010101
Tones
- 96978C
- 93958A
- 919289
- 8E9088
- 8C8D87
- 898A85
- 878884
- 858583
- 828381
Farbharmonien
Komplementär +180°
- 989A8D
Hunter’s Hollow
- 9997A3
≈ Dark Ages
Analog -30° +30°
- 989A8D
Hunter’s Hollow
- 9E988C
≈ London Fog
- 929C91
≈ Acacia Haze
Triadisch +120° +240°
- 989A8D
Hunter’s Hollow
- 8E9BA3
≈ Canadian Lake
- A39499
≈ Heather Plume
Geteilt komplementär +150° +210°
- 989A8D
Hunter’s Hollow
- 9399A5
≈ Dark Ages
- 9F959F
≈ Fortune
Tetradisch +90° +180° +270°
- 989A8D
Hunter’s Hollow
- 8C9C9E
≈ Boredom
- 9997A3
≈ Dark Ages
- A49493
≈ Roman Snail
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.86:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.34:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.34:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--hunter-s-hollow: #989a8d;
--hunter-s-hollow-rgb: 152 154 141;
--hunter-s-hollow-oklch: oklch(0.681 0.019 114);
}
.element {
color: var(--hunter-s-hollow);
background-color: hsl(69 6% 58%);
border-color: oklch(0.681 0.019 114);
}Tailwind CSS v4
@theme {
--color-hunter-s-hollow: #989a8d;
--color-hunter-s-hollow-50: #f5f6f0;
--color-hunter-s-hollow-100: #e7e9e2;
--color-hunter-s-hollow-200: #d3d5cc;
--color-hunter-s-hollow-300: #b7b9ae;
--color-hunter-s-hollow-400: #9ea093;
--color-hunter-s-hollow-500: #86887a;
--color-hunter-s-hollow-600: #717367;
--color-hunter-s-hollow-700: #5a5c52;
--color-hunter-s-hollow-800: #42433c;
--color-hunter-s-hollow-900: #2e2e29;
--color-hunter-s-hollow-950: #1b1b17;
}SCSS
$hunter-s-hollow: #989a8d;
$hunter-s-hollow-rgb: 152, 154, 141;
$hunter-s-hollow-light: mix(#fff, $hunter-s-hollow, 20%);
$hunter-s-hollow-dark: mix(#000, $hunter-s-hollow, 20%);
.element {
color: $hunter-s-hollow;
box-shadow: 0 0 0 2px rgba($hunter-s-hollow, 0.35);
}