Nazwany kolor · #F5E6AC
Glisten Yellow
Glisten Yellow to #F5E6AC: rgb(245 230 172), hsl(48 78% 82%), oklch(0.923 0.076 95.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Glisten Yellow color name →
#F5E6AC
oklch(0.923 0.076 95.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F6E9B5
- F7EBBD
- F8EEC6
- F9F0CE
- FAF3D6
- FBF5DE
- FCF8E7
- FDFAEF
- FEFDF7
Odcienie ciemniejsze
- D5C895
- B6AB7F
- 988E69
- 7B7354
- 5F5940
- 44402D
- 2B281B
- 15130B
- 030301
Tony
- E9DBA8
- DDD1A4
- D0C69F
- C5BC9B
- B9B297
- ADA892
- A29E8E
- 969489
- 8B8A85
Harmonie kolorów
Komplementarna +180°
- F5E6AC
Glisten Yellow
- DEE4FF
≈ Stoic White
Analogowa -30° +30°
- F5E6AC
Glisten Yellow
- FFDFC1
≈ Sand Muffin
- DAEFB8
≈ Chicon
Triada +120° +240°
- F5E6AC
Glisten Yellow
- B9F1FF
≈ Northrend
- FFD8F5
≈ Sweet Sachet
Komplementarna rozszczepiona +150° +210°
- F5E6AC
Glisten Yellow
- D1E9FF
≈ Veiling Waterfalls
- EDDEFF
≈ Lavender Savour
Tetrada +90° +180° +270°
- F5E6AC
Glisten Yellow
- ABF7EC
≈ Pale King’s Blue
- DEE4FF
≈ Stoic White
- FFDBE2
≈ It’s a Girl!
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.79:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.79:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
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);
}