Cor nomeada · #E1C12F
Finger Banana
Finger Banana é #E1C12F: rgb(225 193 47), hsl(49 75% 53%), oklch(0.815 0.156 95.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Finger Banana color name →
#E1C12F
oklch(0.815 0.156 95.8)
Conversões de cor
- HEX
- #e1c12f
- RGB
- rgb(225 193 47)
- HSL
- hsl(49 75% 53%)
- HWB
- hwb(49 18% 12%)
- OKLCH
- oklch(0.815 0.156 95.8)
- OKLab
- oklab(0.815 -0.016 0.155)
- CIE Lab
- lab(79.13 1.52 71.17)
- LCH
- lch(79.13 71.19 88.8)
- CMYK
- cmyk(0% 14% 79% 12%)
Tons claros · Sombras · Tons
Tons claros
- E4C850
- E7CE69
- EAD47F
- EDDB93
- F0E1A6
- F3E7B8
- F6EDCA
- F9F3DC
- FCF9EE
Sombras
- C4A727
- A78F20
- 8B7719
- 705F12
- 56490C
- 3E3406
- 272003
- 120E01
- 020200
Tons
- D7BB41
- CDB44E
- C3AE58
- B9A761
- AFA168
- A59A6E
- 9C9473
- 928D78
- 89877C
Harmonias de cor
Complementar +180°
- E1C12F
Finger Banana
- B2BEFF
≈ Dried Lilac
Análoga -30° +30°
- E1C12F
Finger Banana
- FFAF58
≈ Alajuela Toad
- AAD45C
≈ Lime Lizard
Tríade +120° +240°
- E1C12F
Finger Banana
- 00D9FE
≈ Neon Blue
- FF9BE8
≈ Pink Elephants
Complementar dividida +150° +210°
- E1C12F
Finger Banana
- 8CC9FF
≈ Platonic Blue
- D5AFFF
≈ Teasel Dipsacus
Tétrade +90° +180° +270°
- E1C12F
Finger Banana
- 00E0D0
≈ Mint Morning
- B2BEFF
≈ Dried Lilac
- FFA5B8
≈ Amélie’s Tutu
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASobre preto
WCAG 11.87:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.87:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--finger-banana: #e1c12f;
--finger-banana-rgb: 225 193 47;
--finger-banana-oklch: oklch(0.815 0.156 95.8);
}
.element {
color: var(--finger-banana);
background-color: hsl(49 75% 53%);
border-color: oklch(0.815 0.156 95.8);
}Tailwind CSS v4
@theme {
--color-finger-banana: #e1c12f;
--color-finger-banana-50: #fff6c4;
--color-finger-banana-100: #f6e9ad;
--color-finger-banana-200: #e6d586;
--color-finger-banana-300: #cdb851;
--color-finger-banana-400: #ba9d00;
--color-finger-banana-500: #a68200;
--color-finger-banana-600: #8c6f00;
--color-finger-banana-700: #705800;
--color-finger-banana-800: #544000;
--color-finger-banana-900: #3b2c00;
--color-finger-banana-950: #251900;
}SCSS
$finger-banana: #e1c12f;
$finger-banana-rgb: 225, 193, 47;
$finger-banana-light: mix(#fff, $finger-banana, 20%);
$finger-banana-dark: mix(#000, $finger-banana, 20%);
.element {
color: $finger-banana;
box-shadow: 0 0 0 2px rgba($finger-banana, 0.35);
}