Colore con nome · #F5E1AC
Glad Yellow
Glad Yellow è #F5E1AC: rgb(245 225 172), hsl(44 78% 82%), oklch(0.913 0.072 89.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Glad Yellow color name →
#F5E1AC
oklch(0.913 0.072 89.8)
Conversioni di colore
- HEX
- #f5e1ac
- RGB
- rgb(245 225 172)
- HSL
- hsl(44 78% 82%)
- HWB
- hwb(44 67% 4%)
- OKLCH
- oklch(0.913 0.072 89.8)
- OKLab
- oklab(0.913 0 0.072)
- CIE Lab
- lab(90.23 1.37 28.64)
- LCH
- lch(90.23 28.68 87.3)
- CMYK
- cmyk(0% 8% 30% 4%)
Tinte · Ombre · Toni
Tinte
- F6E4B5
- F7E7BD
- F8EAC5
- F9EDCE
- FAF0D6
- FBF3DE
- FCF6E7
- FDF9EF
- FEFCF7
Ombre
- D5C495
- B6A77F
- 988B69
- 7B7054
- 5F5640
- 443E2D
- 2B271B
- 15120B
- 030201
Toni
- E9D7A8
- DDCDA4
- D1C39F
- C5B99B
- B9AF97
- ADA692
- A29C8E
- 969389
- 8B8985
Armonie di colore
Complementare +180°
- F5E1AC
Glad Yellow
- D7E2FF
≈ Stoic White
Analogo -30° +30°
- F5E1AC
Glad Yellow
- FFDABE
≈ Delicate Dawn
- DCEAB5
≈ Fresh Up
Triadico +120° +240°
- F5E1AC
Glad Yellow
- AAF0FD
≈ Beyond the Clouds
- FFD2FA
≈ Pink Diamond
Complementare divisa +150° +210°
- F5E1AC
Glad Yellow
- C7E7FF
≈ Icy Landscape
- E7DCFF
≈ Lavender Savour
Tetradico +90° +180° +270°
- F5E1AC
Glad Yellow
- AEF3E4
≈ Pale King’s Blue
- D7E2FF
≈ Stoic White
- FFD6E1
≈ Pig Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.24:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.24:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--glad-yellow: #f5e1ac;
--glad-yellow-rgb: 245 225 172;
--glad-yellow-oklch: oklch(0.913 0.072 89.8);
}
.element {
color: var(--glad-yellow);
background-color: hsl(44 78% 82%);
border-color: oklch(0.913 0.072 89.8);
}Tailwind CSS v4
@theme {
--color-glad-yellow: #f5e1ac;
--color-glad-yellow-50: #fcf5df;
--color-glad-yellow-100: #f0e8cd;
--color-glad-yellow-200: #dfd4b2;
--color-glad-yellow-300: #c5b78e;
--color-glad-yellow-400: #af9d6d;
--color-glad-yellow-500: #99844c;
--color-glad-yellow-600: #817041;
--color-glad-yellow-700: #675934;
--color-glad-yellow-800: #4d4124;
--color-glad-yellow-900: #352d18;
--color-glad-yellow-950: #211a09;
}SCSS
$glad-yellow: #f5e1ac;
$glad-yellow-rgb: 245, 225, 172;
$glad-yellow-light: mix(#fff, $glad-yellow, 20%);
$glad-yellow-dark: mix(#000, $glad-yellow, 20%);
.element {
color: $glad-yellow;
box-shadow: 0 0 0 2px rgba($glad-yellow, 0.35);
}