Cor nomeada · #C4CE3B
Greedy Gold
Greedy Gold é #C4CE3B: rgb(196 206 59), hsl(64 60% 52%), oklch(0.818 0.163 113.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Greedy Gold color name →
#C4CE3B
oklch(0.818 0.163 113.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C9D358
- CFD86F
- D5DE83
- DAE396
- E0E8A9
- E6ECBB
- ECF1CC
- F2F6DD
- F9FAEE
Sombras
- AAB332
- 919829
- 787F21
- 616619
- 4A4E11
- 353809
- 212304
- 0E0F01
- 020200
Tons
- BDC649
- B6BE54
- AFB75D
- A8AF65
- A1A76B
- 9A9F70
- 939775
- 8D9079
- 86887D
Harmonias de cor
Complementar +180°
- C4CE3B
Greedy Gold
- C6B7FF
≈ Violet Heaven
Análoga -30° +30°
- C4CE3B
Greedy Gold
- F6B81B
≈ Glistening Dawn
- 7EDE7B
≈ Pastel Green
Tríade +120° +240°
- C4CE3B
Greedy Gold
- 76D0FF
≈ Bubbly Barracuda
- FFA3CA
≈ Bazooka Pink
Complementar dividida +150° +210°
- C4CE3B
Greedy Gold
- A5C4FF
≈ Pastel Blue
- F59DFF
≈ Party Pig
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 12.23:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.23:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
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);
}