命名颜色 · #C4CE3B
Greedy Gold
Greedy Gold 即 #C4CE3B：rgb(196 206 59)、hsl(64 60% 52%)、oklch(0.818 0.163 113.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Greedy Gold color name →
#C4CE3B
oklch(0.818 0.163 113.4)
颜色转换
- HEX
- #c4ce3b
- RGB
- rgb(196 206 59)
- HSL
- hsl(64 60% 52%)
- HWB
- hwb(64 23% 19%)
- OKLCH
- oklch(0.818 0.163 113.4)
- OKLab
- oklab(0.818 -0.065 0.15)
- CIE Lab
- lab(80.06 -16.52 67.04)
- LCH
- lch(80.06 69.04 103.8)
- CMYK
- cmyk(5% 0% 71% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- C9D358
- CFD86F
- D5DE83
- DAE396
- E0E8A9
- E6ECBB
- ECF1CC
- F2F6DD
- F9FAEE
深色调
- AAB332
- 919829
- 787F21
- 616619
- 4A4E11
- 353809
- 212304
- 0E0F01
- 020200
灰色调
- BDC649
- B6BE54
- AFB75D
- A8AF65
- A1A76B
- 9A9F70
- 939775
- 8D9079
- 86887D
配色和谐
互补色 +180°
- C4CE3B
Greedy Gold
- C6B7FF
≈ Violet Heaven
类似色 -30° +30°
- C4CE3B
Greedy Gold
- F6B81B
≈ Glistening Dawn
- 7EDE7B
≈ Pastel Green
三角配色 +120° +240°
- C4CE3B
Greedy Gold
- 76D0FF
≈ Bubbly Barracuda
- FFA3CA
≈ Bazooka Pink
分裂互补色 +150° +210°
- C4CE3B
Greedy Gold
- A5C4FF
≈ Pastel Blue
- F59DFF
≈ Party Pig
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.71:1 · APCA Lc 31
Ag
AAA黑底
WCAG 12.23:1 · APCA Lc 72
最佳文字颜色: #000000
WCAG 12.23:1 (AAA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--greedy-gold: #c4ce3b;
--greedy-gold-rgb: 196 206 59;
--greedy-gold-oklch: oklch(0.818 0.163 113.4);
}
.element {
color: var(--greedy-gold);
background-color: hsl(64 60% 52%);
border-color: oklch(0.818 0.163 113.4);
}Tailwind CSS v4
@theme {
--color-greedy-gold: #c4ce3b;
--color-greedy-gold-50: #f3fcc6;
--color-greedy-gold-100: #e5efb1;
--color-greedy-gold-200: #d1dd8b;
--color-greedy-gold-300: #b4c158;
--color-greedy-gold-400: #9fa807;
--color-greedy-gold-500: #888f00;
--color-greedy-gold-600: #737900;
--color-greedy-gold-700: #5c6100;
--color-greedy-gold-800: #454600;
--color-greedy-gold-900: #303100;
--color-greedy-gold-950: #1c1d00;
}SCSS
$greedy-gold: #c4ce3b;
$greedy-gold-rgb: 196, 206, 59;
$greedy-gold-light: mix(#fff, $greedy-gold, 20%);
$greedy-gold-dark: mix(#000, $greedy-gold, 20%);
.element {
color: $greedy-gold;
box-shadow: 0 0 0 2px rgba($greedy-gold, 0.35);
}