Nearest named color · #A3C3A6
#A3C3A6
Nearest named color: Gum Leaf
#A3C3A6 (rgb(163 195 166), hsl(126 21% 70%), oklch(0.785 0.053 147.6)) is closest to the named color Gum Leaf. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A3C3A6
oklch(0.785 0.053 147.6)
Color conversions
- HEX
- #a3c3a6
- RGB
- rgb(163 195 166)
- HSL
- hsl(126 21% 70%)
- HWB
- hwb(126 64% 24%)
- OKLCH
- oklch(0.785 0.053 147.6)
- OKLab
- oklab(0.785 -0.045 0.029)
- CIE Lab
- lab(75.81 -15.4 10.89)
- LCH
- lch(75.81 18.86 144.7)
- CMYK
- cmyk(16% 0% 15% 24%)
Tints · Shades · Tones
Tints
- ACC9AF
- B5CFB7
- BED5C0
- C7DBC9
- D1E1D2
- DAE7DB
- E3EDE4
- ECF3ED
- F6F9F6
Shades
- 8DA990
- 78907A
- 637865
- 4F6051
- 3C4A3E
- 2A342B
- 19201A
- 0A0E0A
- 010201
Tones
- A0BCA2
- 9CB59E
- 99AE9B
- 95A897
- 92A193
- 8E9A8F
- 8B948B
- 878D88
- 848784
Color harmonies
Complementary +180°
- A3C3A6
Gum Leaf
- CCAECB
≈ Windsor Purple
Analogous -30° +30°
- A3C3A6
Gum Leaf
- B6BE98
≈ Pale Spring Morning
- 95C5B9
≈ Float Your Boat
Triadic +120° +240°
- A3C3A6
Gum Leaf
- AAB9DC
≈ Wisp
- D9ADA6
≈ Everything’s Rosy
Split-complementary +150° +210°
- A3C3A6
Gum Leaf
- BDB2D8
≈ Moonraker
- D7ABB9
≈ Pink Nectar
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.92:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.91:1 · APCA Lc 66
Best text color: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--gum-leaf: #a3c3a6;
--gum-leaf-rgb: 163 195 166;
--gum-leaf-oklch: oklch(0.785 0.053 147.6);
}
.element {
color: var(--gum-leaf);
background-color: hsl(126 21% 70%);
border-color: oklch(0.785 0.053 147.6);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #a3c3a6;
--color-gum-leaf-50: #ebfaed;
--color-gum-leaf-100: #dceddf;
--color-gum-leaf-200: #c5dbc8;
--color-gum-leaf-300: #a5c0a9;
--color-gum-leaf-400: #8aa88d;
--color-gum-leaf-500: #6f9072;
--color-gum-leaf-600: #5e7a61;
--color-gum-leaf-700: #4b624d;
--color-gum-leaf-800: #374737;
--color-gum-leaf-900: #253226;
--color-gum-leaf-950: #141d14;
}SCSS
$gum-leaf: #a3c3a6;
$gum-leaf-rgb: 163, 195, 166;
$gum-leaf-light: mix(#fff, $gum-leaf, 20%);
$gum-leaf-dark: mix(#000, $gum-leaf, 20%);
.element {
color: $gum-leaf;
box-shadow: 0 0 0 2px rgba($gum-leaf, 0.35);
}