命名颜色 · #A3B22E

Vintage Chartreuse

Vintage Chartreuse 即 #A3B22E：rgb(163 178 46)、hsl(67 59% 44%)、oklch(0.728 0.151 116)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Yellow mean? → · Vintage Chartreuse color name →

#A3B22E

oklch(0.728 0.151 116)

颜色转换

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%)

浅色调 · 深色调 · 灰色调

浅色调

ACBA4C
B4C263
BDCA79
C6D18D
CFD9A1
D9E1B4
E2E8C7
ECF0D9
F5F8EC

深色调

8D9A27
78831F
636D18
4F5712
3C430B
2A2F06
191D02
0A0C01
010100

灰色调

9FAD3E
9CA84A
98A354
949E5C
919A63
8D956A
8A8F70
878A76
83857B

配色和谐

互补色 +180°

A3B22E
Vintage Chartreuse
B091FA
≈ Lilac Geode

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 2.34:1 · APCA Lc 46

Fail

黑底

WCAG 8.96:1 · APCA Lc 56

AAA

最佳文字颜色: #000000

WCAG 8.96:1 (AAA) · APCA Lc 56

Contrast pairs

代码片段

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);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API