Cor nomeada · #D0C101
Banana Powder
Banana Powder é #D0C101: rgb(208 193 1), hsl(56 99% 41%), oklch(0.798 0.168 103.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Banana Powder color name →
#D0C101
oklch(0.798 0.168 103.9)
Conversões de cor
- HEX
- #d0c101
- RGB
- rgb(208 193 1)
- HSL
- hsl(56 99% 41%)
- HWB
- hwb(56 0% 18%)
- OKLCH
- oklch(0.798 0.168 103.9)
- OKLab
- oklab(0.798 -0.04 0.163)
- CIE Lab
- lab(77.44 -6.36 77.27)
- LCH
- lch(77.44 77.53 94.7)
- CMYK
- cmyk(0% 7% 100% 18%)
Tons claros · Sombras · Tons
Tons claros
- D4C83F
- D9CE5D
- DDD575
- E2DB8B
- E7E1A0
- EBE7B3
- F0EDC7
- F5F3DA
- FAF9EC
Sombras
- B5A701
- 9A8F01
- 807700
- 675F00
- 4F4900
- 393400
- 232000
- 100E00
- 020200
Tons
- C8BB2E
- BFB441
- B7AE4E
- AFA759
- A7A162
- 9F9A69
- 979470
- 8F8D76
- 87877B
Harmonias de cor
Complementar +180°
- D0C101
Banana Powder
- B4B4FF
≈ Greyish Lavender
Análoga -30° +30°
- D0C101
Banana Powder
- FCAA06
≈ Beer
- 8FD45C
≈ Green Lacewing
Tríade +120° +240°
- D0C101
Banana Powder
- 32CFFF
≈ Thor’s Thunder
- FF94D5
≈ Pink Condition
Complementar dividida +150° +210°
- D0C101
Banana Powder
- 8EC1FF
≈ Scenic Water
- DF9FFF
≈ Medium Lavender Magenta
Tétrade +90° +180° +270°
- D0C101
Banana Powder
- 00D8D6
≈ Fish Boy
- B4B4FF
≈ Greyish Lavender
- FF9DA6
≈ Salmon Tartare
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.85:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.31:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
CSS
:root {
--banana-powder: #d0c101;
--banana-powder-rgb: 208 193 1;
--banana-powder-oklch: oklch(0.798 0.168 103.9);
}
.element {
color: var(--banana-powder);
background-color: hsl(56 99% 41%);
border-color: oklch(0.798 0.168 103.9);
}Tailwind CSS v4
@theme {
--color-banana-powder: #d0c101;
--color-banana-powder-50: #fbf9c1;
--color-banana-powder-100: #efecaa;
--color-banana-powder-200: #ded982;
--color-banana-powder-300: #c3bc4a;
--color-banana-powder-400: #b0a200;
--color-banana-powder-500: #9b8800;
--color-banana-powder-600: #837300;
--color-banana-powder-700: #695c00;
--color-banana-powder-800: #4f4300;
--color-banana-powder-900: #372e00;
--color-banana-powder-950: #221b00;
}SCSS
$banana-powder: #d0c101;
$banana-powder-rgb: 208, 193, 1;
$banana-powder-light: mix(#fff, $banana-powder, 20%);
$banana-powder-dark: mix(#000, $banana-powder, 20%);
.element {
color: $banana-powder;
box-shadow: 0 0 0 2px rgba($banana-powder, 0.35);
}