Colore con nome · #D0C101
Banana Powder
Banana Powder è #D0C101: rgb(208 193 1), hsl(56 99% 41%), oklch(0.798 0.168 103.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Banana Powder color name →
#D0C101
oklch(0.798 0.168 103.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D4C83F
- D9CE5D
- DDD575
- E2DB8B
- E7E1A0
- EBE7B3
- F0EDC7
- F5F3DA
- FAF9EC
Ombre
- B5A701
- 9A8F01
- 807700
- 675F00
- 4F4900
- 393400
- 232000
- 100E00
- 020200
Toni
- C8BB2E
- BFB441
- B7AE4E
- AFA759
- A7A162
- 9F9A69
- 979470
- 8F8D76
- 87877B
Armonie di colore
Complementare +180°
- D0C101
Banana Powder
- B4B4FF
≈ Greyish Lavender
Analogo -30° +30°
- D0C101
Banana Powder
- FCAA06
≈ Beer
- 8FD45C
≈ Green Lacewing
Triadico +120° +240°
- D0C101
Banana Powder
- 32CFFF
≈ Thor’s Thunder
- FF94D5
≈ Pink Condition
Complementare divisa +150° +210°
- D0C101
Banana Powder
- 8EC1FF
≈ Scenic Water
- DF9FFF
≈ Medium Lavender Magenta
Tetradico +90° +180° +270°
- D0C101
Banana Powder
- 00D8D6
≈ Fish Boy
- B4B4FF
≈ Greyish Lavender
- FF9DA6
≈ Salmon Tartare
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.85:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.31:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
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);
}