Named color · #97867C
Ginnezumi
Ginnezumi is #97867C: rgb(151 134 124), hsl(22 11% 54%), oklch(0.632 0.025 52.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Ginnezumi color name →
#97867C
oklch(0.632 0.025 52.5)
Color conversions
- HEX
- #97867c
- RGB
- rgb(151 134 124)
- HSL
- hsl(22 11% 54%)
- HWB
- hwb(22 49% 41%)
- OKLCH
- oklch(0.632 0.025 52.5)
- OKLab
- oklab(0.632 0.015 0.02)
- CIE Lab
- lab(57.27 5.38 7.88)
- LCH
- lch(57.27 9.54 55.7)
- CMYK
- cmyk(0% 11% 18% 41%)
Tints · Shades · Tones
Tints
- A19188
- AB9D95
- B5A9A2
- C0B5AE
- CAC1BB
- D4CDC9
- DFD9D6
- EAE6E4
- F4F2F1
Shades
- 83746B
- 6F625A
- 5C514A
- 49403B
- 37302C
- 26211E
- 171311
- 080605
- 010101
Tones
- 95857C
- 92857D
- 90847D
- 8E847E
- 8C837E
- 89827E
- 87827F
- 85817F
- 828180
Color harmonies
Complementary +180°
- 97867C
Ginnezumi
- 7B8D97
≈ Denim Drift
Analogous -30° +30°
- 97867C
Ginnezumi
- 998483
≈ Maud
- 928979
≈ Cricket’s Cross
Triadic +120° +240°
- 97867C
Ginnezumi
- 7B8F88
≈ Chinois Green
- 8A8798
≈ Purple Ragwort
Split-complementary +150° +210°
- 97867C
Ginnezumi
- 798F91
≈ Weathered Pebble
- 828A9A
≈ Prophetic Sea
Tetradic +90° +180° +270°
- 97867C
Ginnezumi
- 818E80
≈ Lily Pad Pond
- 7B8D97
≈ Denim Drift
- 928593
≈ Femme Fatale
Contrast & accessibility
Ag
FailOn white
WCAG 3.49:1 · APCA Lc 62
Ag
AAOn black
WCAG 6.01:1 · APCA Lc 39
Best text color: #000000
WCAG 6.01:1 (AA) · APCA Lc 39
Contrast pairs
Code snippets
CSS
:root {
--ginnezumi: #97867c;
--ginnezumi-rgb: 151 134 124;
--ginnezumi-oklch: oklch(0.632 0.025 52.5);
}
.element {
color: var(--ginnezumi);
background-color: hsl(22 11% 54%);
border-color: oklch(0.632 0.025 52.5);
}Tailwind CSS v4
@theme {
--color-ginnezumi: #97867c;
--color-ginnezumi-50: #fbf3ee;
--color-ginnezumi-100: #efe6e0;
--color-ginnezumi-200: #ddd2ca;
--color-ginnezumi-300: #c2b4ab;
--color-ginnezumi-400: #ab9b91;
--color-ginnezumi-500: #948277;
--color-ginnezumi-600: #7e6e65;
--color-ginnezumi-700: #655850;
--color-ginnezumi-800: #4a403b;
--color-ginnezumi-900: #332c28;
--color-ginnezumi-950: #1f1916;
}SCSS
$ginnezumi: #97867c;
$ginnezumi-rgb: 151, 134, 124;
$ginnezumi-light: mix(#fff, $ginnezumi, 20%);
$ginnezumi-dark: mix(#000, $ginnezumi, 20%);
.element {
color: $ginnezumi;
box-shadow: 0 0 0 2px rgba($ginnezumi, 0.35);
}