命名颜色 · #C9D179
Greenish Beige
Greenish Beige 即 #C9D179：rgb(201 209 121)、hsl(65 49% 65%)、oklch(0.835 0.112 113.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Greenish Beige color name →
#C9D179
oklch(0.835 0.112 113.1)
颜色转换
- HEX
- #c9d179
- RGB
- rgb(201 209 121)
- HSL
- hsl(65 49% 65%)
- HWB
- hwb(65 47% 18%)
- OKLCH
- oklch(0.835 0.112 113.1)
- OKLab
- oklab(0.835 -0.044 0.103)
- CIE Lab
- lab(81.76 -12.44 42.51)
- LCH
- lch(81.76 44.29 106.3)
- CMYK
- cmyk(4% 0% 42% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- CED688
- D3DA96
- D9DFA3
- DEE4B1
- E3E8BE
- E9EDCB
- EEF2D8
- F4F6E5
- F9FBF2
深色调
- AEB568
- 959B58
- 7C8148
- 646839
- 4C502B
- 36391D
- 222310
- 0F1005
- 020201
灰色调
- C1C97B
- BAC07D
- B2B87E
- ABB07F
- A3A880
- 9CA080
- 959880
- 8E9081
- 878880
配色和谐
互补色 +180°
- C9D179
Greenish Beige
- CBBEFF
≈ Lavender Tonic
类似色 -30° +30°
- C9D179
Greenish Beige
- ECC270
≈ Vietnamese Lantern
- 9DDC99
≈ Retro
三角配色 +120° +240°
- C9D179
Greenish Beige
- 85D4FF
≈ Kul Sharif Blue
- FFACCF
≈ Majin Bū Pink
分裂互补色 +150° +210°
- C9D179
Greenish Beige
- ADC9FF
≈ Night Snow
- EDB0F3
≈ Candy Dreams
四角配色 +90° +180° +270°
- C9D179
Greenish Beige
- 60DEE9
≈ Turquoise Sea
- CBBEFF
≈ Lavender Tonic
- FFB2AD
≈ Peach Bud
对比度与无障碍
Ag
Fail白底
WCAG 1.63:1 · APCA Lc 28
Ag
AAA黑底
WCAG 12.87:1 · APCA Lc 75
最佳文字颜色: #000000
WCAG 12.87:1 (AAA) · APCA Lc 75
Contrast pairs
代码片段
CSS
:root {
--greenish-beige: #c9d179;
--greenish-beige-rgb: 201 209 121;
--greenish-beige-oklch: oklch(0.835 0.112 113.1);
}
.element {
color: var(--greenish-beige);
background-color: hsl(65 49% 65%);
border-color: oklch(0.835 0.112 113.1);
}Tailwind CSS v4
@theme {
--color-greenish-beige: #c9d179;
--color-greenish-beige-50: #f3fad5;
--color-greenish-beige-100: #e6edc3;
--color-greenish-beige-200: #d2dba4;
--color-greenish-beige-300: #b5bf7b;
--color-greenish-beige-400: #9fa553;
--color-greenish-beige-500: #878d26;
--color-greenish-beige-600: #727823;
--color-greenish-beige-700: #5b601c;
--color-greenish-beige-800: #444610;
--color-greenish-beige-900: #2f300a;
--color-greenish-beige-950: #1c1c00;
}SCSS
$greenish-beige: #c9d179;
$greenish-beige-rgb: 201, 209, 121;
$greenish-beige-light: mix(#fff, $greenish-beige, 20%);
$greenish-beige-dark: mix(#000, $greenish-beige, 20%);
.element {
color: $greenish-beige;
box-shadow: 0 0 0 2px rgba($greenish-beige, 0.35);
}