Cor nomeada · #FCE17C
Silken Gold
Silken Gold é #FCE17C: rgb(252 225 124), hsl(47 96% 74%), oklch(0.912 0.125 94.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Silken Gold color name →
#FCE17C
oklch(0.912 0.125 94.8)
Conversões de cor
- HEX
- #fce17c
- RGB
- rgb(252 225 124)
- HSL
- hsl(47 96% 74%)
- HWB
- hwb(47 49% 1%)
- OKLCH
- oklch(0.912 0.125 94.8)
- OKLab
- oklab(0.912 -0.01 0.124)
- CIE Lab
- lab(90.26 0.45 52.44)
- LCH
- lch(90.26 52.44 89.5)
- CMYK
- cmyk(0% 11% 51% 1%)
Tons claros · Sombras · Tons
Tons claros
- FCE48B
- FDE79A
- FDEBA7
- FDEEB5
- FDF1C1
- FEF4CE
- FEF7DB
- FEF9E7
- FFFCF3
Sombras
- DBC46B
- BBA75A
- 9C8B4A
- 7E703B
- 62562C
- 473E1E
- 2D2711
- 161205
- 030201
Tons
- EFD77E
- E2CD80
- D5C381
- C9BA82
- BCB083
- B0A683
- A39D83
- 979382
- 8C8981
Harmonias de cor
Complementar +180°
- FCE17C
Silken Gold
- D9E0FF
≈ Contrail
Análoga -30° +30°
- FCE17C
Silken Gold
- FFDAB8
≈ Peach Puff
- CFF193
≈ Laced Green
Tríade +120° +240°
- FCE17C
Silken Gold
- ACEEFF
≈ Beyond the Clouds
- FFD2F4
≈ Shampoo
Complementar dividida +150° +210°
- FCE17C
Silken Gold
- C9E6FF
≈ Fresh Water
- EADAFF
≈ Lavender Savour
Tétrade +90° +180° +270°
- FCE17C
Silken Gold
- 70FDEC
≈ Icy Life
- D9E0FF
≈ Contrail
- FFD5DE
≈ No Need to Blush
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.20:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--silken-gold: #fce17c;
--silken-gold-rgb: 252 225 124;
--silken-gold-oklch: oklch(0.912 0.125 94.8);
}
.element {
color: var(--silken-gold);
background-color: hsl(47 96% 74%);
border-color: oklch(0.912 0.125 94.8);
}Tailwind CSS v4
@theme {
--color-silken-gold: #fce17c;
--color-silken-gold-50: #fff6ce;
--color-silken-gold-100: #f3e9b9;
--color-silken-gold-200: #e3d597;
--color-silken-gold-300: #c9b86b;
--color-silken-gold-400: #b69d3c;
--color-silken-gold-500: #a18400;
--color-silken-gold-600: #887000;
--color-silken-gold-700: #6d5900;
--color-silken-gold-800: #514000;
--color-silken-gold-900: #392c00;
--color-silken-gold-950: #231900;
}SCSS
$silken-gold: #fce17c;
$silken-gold-rgb: 252, 225, 124;
$silken-gold-light: mix(#fff, $silken-gold, 20%);
$silken-gold-dark: mix(#000, $silken-gold, 20%);
.element {
color: $silken-gold;
box-shadow: 0 0 0 2px rgba($silken-gold, 0.35);
}