Named color · #A3B22E
Vintage Chartreuse
Vintage Chartreuse is #A3B22E: rgb(163 178 46), hsl(67 59% 44%), oklch(0.728 0.151 116). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Vintage Chartreuse color name →
#A3B22E
oklch(0.728 0.151 116)
Color conversions
- HEX
- #a3b22e
- RGB
- rgb(163 178 46)
- HSL
- hsl(67 59% 44%)
- HWB
- hwb(67 18% 30%)
- OKLCH
- oklch(0.728 0.151 116)
- OKLab
- oklab(0.728 -0.066 0.135)
- CIE Lab
- lab(69.63 -17.59 60.68)
- LCH
- lch(69.63 63.18 106.2)
- CMYK
- cmyk(8% 0% 74% 30%)
Tints · Shades · Tones
Tints
- ACBA4C
- B4C263
- BDCA79
- C6D18D
- CFD9A1
- D9E1B4
- E2E8C7
- ECF0D9
- F5F8EC
Shades
- 8D9A27
- 78831F
- 636D18
- 4F5712
- 3C430B
- 2A2F06
- 191D02
- 0A0C01
- 010100
Tones
- 9FAD3E
- 9CA84A
- 98A354
- 949E5C
- 919A63
- 8D956A
- 8A8F70
- 878A76
- 83857B
Color harmonies
Complementary +180°
- A3B22E
Vintage Chartreuse
- B091FA
≈ Lilac Geode
Analogous -30° +30°
- A3B22E
Vintage Chartreuse
- D19F00
≈ Lepton Gold
- 61C06B
≈ Emerald Cory
Triadic +120° +240°
- A3B22E
Vintage Chartreuse
- 1EB4F8
≈ Blue Bolt
- EF7BAA
≈ Pink Carnation
Split-complementary +150° +210°
- A3B22E
Vintage Chartreuse
- 7EA4FF
≈ Fennel Flower
- D783D9
≈ Blush Essence
Tetradic +90° +180° +270°
- A3B22E
Vintage Chartreuse
- 00BDCD
≈ Panorama Blue
- B091FA
≈ Lilac Geode
- F77E74
≈ Smoked Salmon
Contrast & accessibility
Ag
FailOn white
WCAG 2.34:1 · APCA Lc 46
Ag
AAAOn black
WCAG 8.96:1 · APCA Lc 56
Best text color: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--vintage-chartreuse: #a3b22e;
--vintage-chartreuse-rgb: 163 178 46;
--vintage-chartreuse-oklch: oklch(0.728 0.151 116);
}
.element {
color: var(--vintage-chartreuse);
background-color: hsl(67 59% 44%);
border-color: oklch(0.728 0.151 116);
}Tailwind CSS v4
@theme {
--color-vintage-chartreuse: #a3b22e;
--color-vintage-chartreuse-50: #f1fccb;
--color-vintage-chartreuse-100: #e3efb6;
--color-vintage-chartreuse-200: #cedd93;
--color-vintage-chartreuse-300: #b0c265;
--color-vintage-chartreuse-400: #9aa92e;
--color-vintage-chartreuse-500: #839100;
--color-vintage-chartreuse-600: #6e7a00;
--color-vintage-chartreuse-700: #586200;
--color-vintage-chartreuse-800: #424700;
--color-vintage-chartreuse-900: #2e3100;
--color-vintage-chartreuse-950: #1b1d00;
}SCSS
$vintage-chartreuse: #a3b22e;
$vintage-chartreuse-rgb: 163, 178, 46;
$vintage-chartreuse-light: mix(#fff, $vintage-chartreuse, 20%);
$vintage-chartreuse-dark: mix(#000, $vintage-chartreuse, 20%);
.element {
color: $vintage-chartreuse;
box-shadow: 0 0 0 2px rgba($vintage-chartreuse, 0.35);
}