Cor nomeada · #FCFC9D
Walking on Sunshine
Walking on Sunshine é #FCFC9D: rgb(252 252 157), hsl(60 94% 80%), oklch(0.971 0.117 108.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Walking on Sunshine color name →
#FCFC9D
oklch(0.971 0.117 108.4)
Conversões de cor
- HEX
- #fcfc9d
- RGB
- rgb(252 252 157)
- HSL
- hsl(60 94% 80%)
- HWB
- hwb(60 62% 1%)
- OKLCH
- oklch(0.971 0.117 108.4)
- OKLab
- oklab(0.971 -0.037 0.111)
- CIE Lab
- lab(97.43 -9.93 45.45)
- LCH
- lch(97.43 46.53 102.3)
- CMYK
- cmyk(0% 0% 38% 1%)
Tons claros · Sombras · Tons
Tons claros
- FCFDA8
- FCFDB3
- FDFDBD
- FDFEC7
- FDFED1
- FDFEDA
- FEFFE4
- FEFFED
- FFFFF6
Sombras
- DBDB88
- BBBB73
- 9C9C5F
- 7E7E4C
- 62623A
- 474728
- 2D2D18
- 161609
- 030301
Tons
- EFEF9B
- E2E299
- D5D697
- C8C994
- BCBC91
- AFB08E
- A3A48B
- 979888
- 8C8C84
Harmonias de cor
Complementar +180°
- FCFC9D
Walking on Sunshine
- F4F4FF
≈ Sugar Crystal
Análoga -30° +30°
- FCFC9D
Walking on Sunshine
- FFF4E3
≈ Silky Tofu
- E3FFDB
≈ Frosted Plains
Tríade +120° +240°
- FCFC9D
Walking on Sunshine
- EAF8FF
≈ Clear Skies
- FFF1F7
≈ Lavender Blush
Complementar dividida +150° +210°
- FCFC9D
Walking on Sunshine
- F0F6FF
≈ Cotton Ball
- FCF1FF
≈ Pinkish White
Tétrade +90° +180° +270°
- FCFC9D
Walking on Sunshine
- D8FEFF
≈ Salt Mountain
- F4F4FF
≈ Sugar Crystal
- FFF2F1
≈ Sefid White
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.07:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 19.55:1 · APCA Lc 102
Melhor cor de texto: #000000
WCAG 19.55:1 (AAA) · APCA Lc 102
Contrast pairs
Trechos de código
CSS
:root {
--walking-on-sunshine: #fcfc9d;
--walking-on-sunshine-rgb: 252 252 157;
--walking-on-sunshine-oklch: oklch(0.971 0.117 108.4);
}
.element {
color: var(--walking-on-sunshine);
background-color: hsl(60 94% 80%);
border-color: oklch(0.971 0.117 108.4);
}Tailwind CSS v4
@theme {
--color-walking-on-sunshine: #fcfc9d;
--color-walking-on-sunshine-50: #f6f9d3;
--color-walking-on-sunshine-100: #e9ecbf;
--color-walking-on-sunshine-200: #d6d99f;
--color-walking-on-sunshine-300: #babd76;
--color-walking-on-sunshine-400: #a5a44c;
--color-walking-on-sunshine-500: #8e8b14;
--color-walking-on-sunshine-600: #787616;
--color-walking-on-sunshine-700: #605e12;
--color-walking-on-sunshine-800: #484508;
--color-walking-on-sunshine-900: #322f06;
--color-walking-on-sunshine-950: #1e1c00;
}SCSS
$walking-on-sunshine: #fcfc9d;
$walking-on-sunshine-rgb: 252, 252, 157;
$walking-on-sunshine-light: mix(#fff, $walking-on-sunshine, 20%);
$walking-on-sunshine-dark: mix(#000, $walking-on-sunshine, 20%);
.element {
color: $walking-on-sunshine;
box-shadow: 0 0 0 2px rgba($walking-on-sunshine, 0.35);
}