Named color · #C4CE3B
Greedy Gold
Greedy Gold is #C4CE3B: rgb(196 206 59), hsl(64 60% 52%), oklch(0.818 0.163 113.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Greedy Gold color name →
#C4CE3B
oklch(0.818 0.163 113.4)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- C9D358
- CFD86F
- D5DE83
- DAE396
- E0E8A9
- E6ECBB
- ECF1CC
- F2F6DD
- F9FAEE
Shades
- AAB332
- 919829
- 787F21
- 616619
- 4A4E11
- 353809
- 212304
- 0E0F01
- 020200
Tones
- BDC649
- B6BE54
- AFB75D
- A8AF65
- A1A76B
- 9A9F70
- 939775
- 8D9079
- 86887D
Color harmonies
Complementary +180°
- C4CE3B
Greedy Gold
- C6B7FF
≈ Violet Heaven
Analogous -30° +30°
- C4CE3B
Greedy Gold
- F6B81B
≈ Glistening Dawn
- 7EDE7B
≈ Pastel Green
Triadic +120° +240°
- C4CE3B
Greedy Gold
- 76D0FF
≈ Bubbly Barracuda
- FFA3CA
≈ Bazooka Pink
Split-complementary +150° +210°
- C4CE3B
Greedy Gold
- A5C4FF
≈ Pastel Blue
- F59DFF
≈ Party Pig
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.71:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.23:1 · APCA Lc 72
Best text color: #000000
WCAG 12.23:1 (AAA) · APCA Lc 72
Contrast pairs
Code snippets
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);
}