Named color · #A2B7B5
Holly Glen
Holly Glen is #A2B7B5: rgb(162 183 181), hsl(174 13% 68%), oklch(0.763 0.023 189.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Holly Glen color name →
#A2B7B5
oklch(0.763 0.023 189.7)
Color conversions
- HEX
- #a2b7b5
- RGB
- rgb(162 183 181)
- HSL
- hsl(174 13% 68%)
- HWB
- hwb(174 64% 28%)
- OKLCH
- oklch(0.763 0.023 189.7)
- OKLab
- oklab(0.763 -0.023 -0.004)
- CIE Lab
- lab(72.75 -7.78 -1.56)
- LCH
- lch(72.75 7.94 191.3)
- CMYK
- cmyk(11% 0% 1% 28%)
Tints · Shades · Tones
Tints
- ABBEBC
- B4C5C3
- BDCCCB
- C7D3D2
- D0DAD9
- D9E2E1
- E3E9E8
- ECF0F0
- F5F8F7
Shades
- 8C9F9D
- 778786
- 63706F
- 4F5A59
- 3C4544
- 2A3130
- 191E1D
- 0A0C0C
- 010202
Tones
- 9FB1B0
- 9BACAA
- 98A6A5
- 94A19F
- 919B9A
- 8E9695
- 8A9090
- 878B8A
- 838585
Color harmonies
Complementary +180°
- A2B7B5
Holly Glen
- C0ACAE
≈ Moire
Analogous -30° +30°
- A2B7B5
Holly Glen
- A6B7AD
≈ Smokey Slate
- A2B6BC
≈ Languid Blue
Triadic +120° +240°
- A2B7B5
Holly Glen
- B6AEBD
≈ Exclusive Violet
- BCB0A2
≈ Barista
Split-complementary +150° +210°
- A2B7B5
Holly Glen
- BDACB7
≈ Castle Mist
- C0ADA7
≈ Mauve Nymph
Tetradic +90° +180° +270°
- A2B7B5
Holly Glen
- AEB1C1
≈ Fragrant Wand
- C0ACAE
≈ Moire
- B5B3A2
≈ Melmac Silver
Contrast & accessibility
Ag
FailOn white
WCAG 2.10:1 · APCA Lc 41
Ag
AAAOn black
WCAG 9.97:1 · APCA Lc 61
Best text color: #000000
WCAG 9.97:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--holly-glen: #a2b7b5;
--holly-glen-rgb: 162 183 181;
--holly-glen-oklch: oklch(0.763 0.023 189.7);
}
.element {
color: var(--holly-glen);
background-color: hsl(174 13% 68%);
border-color: oklch(0.763 0.023 189.7);
}Tailwind CSS v4
@theme {
--color-holly-glen: #a2b7b5;
--color-holly-glen-50: #eef7f7;
--color-holly-glen-100: #e0eaea;
--color-holly-glen-200: #cad8d7;
--color-holly-glen-300: #abbbba;
--color-holly-glen-400: #90a3a1;
--color-holly-glen-500: #758b89;
--color-holly-glen-600: #637674;
--color-holly-glen-700: #4f5e5d;
--color-holly-glen-800: #3a4544;
--color-holly-glen-900: #27302f;
--color-holly-glen-950: #161c1b;
}SCSS
$holly-glen: #a2b7b5;
$holly-glen-rgb: 162, 183, 181;
$holly-glen-light: mix(#fff, $holly-glen, 20%);
$holly-glen-dark: mix(#000, $holly-glen, 20%);
.element {
color: $holly-glen;
box-shadow: 0 0 0 2px rgba($holly-glen, 0.35);
}