Colore con nome · #F5E6AC
Glisten Yellow
Glisten Yellow è #F5E6AC: rgb(245 230 172), hsl(48 78% 82%), oklch(0.923 0.076 95.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Glisten Yellow color name →
#F5E6AC
oklch(0.923 0.076 95.3)
Conversioni di colore
- HEX
- #f5e6ac
- RGB
- rgb(245 230 172)
- HSL
- hsl(48 78% 82%)
- HWB
- hwb(48 67% 4%)
- OKLCH
- oklch(0.923 0.076 95.3)
- OKLab
- oklab(0.923 -0.007 0.076)
- CIE Lab
- lab(91.48 -1.02 30.3)
- LCH
- lch(91.48 30.32 91.9)
- CMYK
- cmyk(0% 6% 30% 4%)
Tinte · Ombre · Toni
Tinte
- F6E9B5
- F7EBBD
- F8EEC6
- F9F0CE
- FAF3D6
- FBF5DE
- FCF8E7
- FDFAEF
- FEFDF7
Ombre
- D5C895
- B6AB7F
- 988E69
- 7B7354
- 5F5940
- 44402D
- 2B281B
- 15130B
- 030301
Toni
- E9DBA8
- DDD1A4
- D0C69F
- C5BC9B
- B9B297
- ADA892
- A29E8E
- 969489
- 8B8A85
Armonie di colore
Complementare +180°
- F5E6AC
Glisten Yellow
- DEE4FF
≈ Stoic White
Analogo -30° +30°
- F5E6AC
Glisten Yellow
- FFDFC1
≈ Sand Muffin
- DAEFB8
≈ Chicon
Triadico +120° +240°
- F5E6AC
Glisten Yellow
- B9F1FF
≈ Northrend
- FFD8F5
≈ Sweet Sachet
Complementare divisa +150° +210°
- F5E6AC
Glisten Yellow
- D1E9FF
≈ Veiling Waterfalls
- EDDEFF
≈ Lavender Savour
Tetradico +90° +180° +270°
- F5E6AC
Glisten Yellow
- ABF7EC
≈ Pale King’s Blue
- DEE4FF
≈ Stoic White
- FFDBE2
≈ It’s a Girl!
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.25:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.79:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.79:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--glisten-yellow: #f5e6ac;
--glisten-yellow-rgb: 245 230 172;
--glisten-yellow-oklch: oklch(0.923 0.076 95.3);
}
.element {
color: var(--glisten-yellow);
background-color: hsl(48 78% 82%);
border-color: oklch(0.923 0.076 95.3);
}Tailwind CSS v4
@theme {
--color-glisten-yellow: #f5e6ac;
--color-glisten-yellow-50: #fbf6dd;
--color-glisten-yellow-100: #efe9cc;
--color-glisten-yellow-200: #ddd5b0;
--color-glisten-yellow-300: #c2b88c;
--color-glisten-yellow-400: #ac9e6a;
--color-glisten-yellow-500: #968648;
--color-glisten-yellow-600: #7f713e;
--color-glisten-yellow-700: #655b31;
--color-glisten-yellow-800: #4b4222;
--color-glisten-yellow-900: #342d17;
--color-glisten-yellow-950: #201a08;
}SCSS
$glisten-yellow: #f5e6ac;
$glisten-yellow-rgb: 245, 230, 172;
$glisten-yellow-light: mix(#fff, $glisten-yellow, 20%);
$glisten-yellow-dark: mix(#000, $glisten-yellow, 20%);
.element {
color: $glisten-yellow;
box-shadow: 0 0 0 2px rgba($glisten-yellow, 0.35);
}