Colore con nome · #FDE5A7
Lady Banksia
Lady Banksia è #FDE5A7: rgb(253 229 167), hsl(43 96% 82%), oklch(0.927 0.083 89.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lady Banksia color name →
#FDE5A7
oklch(0.927 0.083 89.3)
Conversioni di colore
- HEX
- #fde5a7
- RGB
- rgb(253 229 167)
- HSL
- hsl(43 96% 82%)
- HWB
- hwb(43 65% 1%)
- OKLCH
- oklch(0.927 0.083 89.3)
- OKLab
- oklab(0.927 0.001 0.083)
- CIE Lab
- lab(91.85 2.07 33.46)
- LCH
- lch(91.85 33.52 86.5)
- CMYK
- cmyk(0% 9% 34% 1%)
Tinte · Ombre · Toni
Tinte
- FDE8B0
- FDEAB9
- FEEDC2
- FEF0CB
- FEF2D4
- FEF5DD
- FEF7E5
- FFFAEE
- FFFDF6
Ombre
- DCC791
- BCAA7B
- 9D8E66
- 7F7252
- 62583E
- 473F2C
- 2D281A
- 16120A
- 030301
Toni
- F0DBA4
- E3D0A0
- D6C69C
- C9BC99
- BDB195
- B0A791
- A49D8D
- 989489
- 8C8A84
Armonie di colore
Complementare +180°
- FDE5A7
Lady Banksia
- DDE7FF
≈ Lavender Mist
Analogo -30° +30°
- FDE5A7
Lady Banksia
- FFE0C9
≈ Peak Season
- E0F0B1
≈ Spring Kiss
Triadico +120° +240°
- FDE5A7
Lady Banksia
- B3F4FF
≈ Northrend
- FFD9FB
≈ Strawberry Frost
Complementare divisa +150° +210°
- FDE5A7
Lady Banksia
- D0EBFF
≈ Veiling Waterfalls
- EAE1FF
≈ Lavender Savour
Tetradico +90° +180° +270°
- FDE5A7
Lady Banksia
- A8FAE8
≈ Blister Pearl
- DDE7FF
≈ Lavender Mist
- FFDCE6
≈ Pink Perfume
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.94:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.94:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--lady-banksia: #fde5a7;
--lady-banksia-rgb: 253 229 167;
--lady-banksia-oklch: oklch(0.927 0.083 89.3);
}
.element {
color: var(--lady-banksia);
background-color: hsl(43 96% 82%);
border-color: oklch(0.927 0.083 89.3);
}Tailwind CSS v4
@theme {
--color-lady-banksia: #fde5a7;
--color-lady-banksia-50: #fef5db;
--color-lady-banksia-100: #f2e8c9;
--color-lady-banksia-200: #e1d4ac;
--color-lady-banksia-300: #c7b687;
--color-lady-banksia-400: #b29c64;
--color-lady-banksia-500: #9c8340;
--color-lady-banksia-600: #846f38;
--color-lady-banksia-700: #6a592c;
--color-lady-banksia-800: #4f411e;
--color-lady-banksia-900: #372c14;
--color-lady-banksia-950: #221906;
}SCSS
$lady-banksia: #fde5a7;
$lady-banksia-rgb: 253, 229, 167;
$lady-banksia-light: mix(#fff, $lady-banksia, 20%);
$lady-banksia-dark: mix(#000, $lady-banksia, 20%);
.element {
color: $lady-banksia;
box-shadow: 0 0 0 2px rgba($lady-banksia, 0.35);
}