Cor nomeada · #F5D547
Anna Banana
Anna Banana é #F5D547: rgb(245 213 71), hsl(49 90% 62%), oklch(0.876 0.157 96.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Anna Banana color name →
#F5D547
oklch(0.876 0.157 96.1)
Conversões de cor
- HEX
- #f5d547
- RGB
- rgb(245 213 71)
- HSL
- hsl(49 90% 62%)
- HWB
- hwb(49 28% 4%)
- OKLCH
- oklch(0.876 0.157 96.1)
- OKLab
- oklab(0.876 -0.017 0.157)
- CIE Lab
- lab(86.21 0.87 70.37)
- LCH
- lch(86.21 70.38 89.3)
- CMYK
- cmyk(0% 13% 71% 4%)
Tons claros · Sombras · Tons
Tons claros
- F6DA62
- F7DE78
- F8E38B
- F9E79D
- FAEBAF
- FBEFBF
- FCF3D0
- FDF7E0
- FEFBEF
Sombras
- D5B93D
- B69E32
- 988328
- 7B6A1F
- 5F5116
- 443A0D
- 2B2406
- 151002
- 030200
Tons
- E9CC53
- DCC45D
- D0BB65
- C4B36B
- B9AA70
- ADA275
- A19978
- 96917B
- 8B897E
Harmonias de cor
Complementar +180°
- F5D547
Anna Banana
- CBD4FF
≈ Pale Phthalo Blue
Análoga -30° +30°
- F5D547
Anna Banana
- FFCB97
≈ Peach Orange
- BCE86F
≈ Pisco Sour
Tríade +120° +240°
- F5D547
Anna Banana
- 86E7FF
≈ Photon Projector
- FFBFEE
≈ Pink Quartz
Complementar dividida +150° +210°
- F5D547
Anna Banana
- B4DBFF
≈ Broad Daylight
- E3CAFF
≈ Lens Flare Pink
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASobre preto
WCAG 14.49:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.49:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--anna-banana: #f5d547;
--anna-banana-rgb: 245 213 71;
--anna-banana-oklch: oklch(0.876 0.157 96.1);
}
.element {
color: var(--anna-banana);
background-color: hsl(49 90% 62%);
border-color: oklch(0.876 0.157 96.1);
}Tailwind CSS v4
@theme {
--color-anna-banana: #f5d547;
--color-anna-banana-50: #fff6c3;
--color-anna-banana-100: #f5e9ac;
--color-anna-banana-200: #e6d585;
--color-anna-banana-300: #cdb850;
--color-anna-banana-400: #ba9d00;
--color-anna-banana-500: #a68300;
--color-anna-banana-600: #8c6f00;
--color-anna-banana-700: #705900;
--color-anna-banana-800: #544000;
--color-anna-banana-900: #3b2c00;
--color-anna-banana-950: #251900;
}SCSS
$anna-banana: #f5d547;
$anna-banana-rgb: 245, 213, 71;
$anna-banana-light: mix(#fff, $anna-banana, 20%);
$anna-banana-dark: mix(#000, $anna-banana, 20%);
.element {
color: $anna-banana;
box-shadow: 0 0 0 2px rgba($anna-banana, 0.35);
}