Nazwany kolor · #F9E4A6
Lemon Filling
Lemon Filling to #F9E4A6: rgb(249 228 166), hsl(45 87% 81%), oklch(0.921 0.082 91.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lemon Filling color name →
#F9E4A6
oklch(0.921 0.082 91.6)
Konwersje koloru
- HEX
- #f9e4a6
- RGB
- rgb(249 228 166)
- HSL
- hsl(45 87% 81%)
- HWB
- hwb(45 65% 2%)
- OKLCH
- oklch(0.921 0.082 91.6)
- OKLab
- oklab(0.921 -0.002 0.082)
- CIE Lab
- lab(91.24 0.93 33.09)
- LCH
- lch(91.24 33.1 88.4)
- CMYK
- cmyk(0% 8% 33% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FAE7AF
- FAEAB9
- FBECC2
- FBEFCB
- FCF2D3
- FDF4DC
- FDF7E5
- FEFAEE
- FEFCF6
Odcienie ciemniejsze
- D9C690
- B9A97A
- 9A8D65
- 7D7251
- 61583E
- 463F2B
- 2C281A
- 15120A
- 030301
Tony
- ECDAA3
- E0CF9F
- D3C59C
- C7BB98
- BBB194
- AFA790
- A39D8C
- 979388
- 8B8A84
Harmonie kolorów
Komplementarna +180°
- F9E4A6
Lemon Filling
- DCE4FF
≈ Stoic White
Analogowa -30° +30°
- F9E4A6
Lemon Filling
- FFDEC3
≈ Orange Ice
- DCEEB1
≈ Chicon
Triada +120° +240°
- F9E4A6
Lemon Filling
- B1F2FF
≈ Northrend
- FFD6F8
≈ Strawberry Frost
Komplementarna rozszczepiona +150° +210°
- F9E4A6
Lemon Filling
- CEE9FF
≈ Veiling Waterfalls
- EADFFF
≈ Lavender Savour
Tetrada +90° +180° +270°
- F9E4A6
Lemon Filling
- A6F8E9
≈ Pale King’s Blue
- DCE4FF
≈ Stoic White
- FFDAE3
≈ It’s a Girl!
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.67:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.67:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--lemon-filling: #f9e4a6;
--lemon-filling-rgb: 249 228 166;
--lemon-filling-oklch: oklch(0.921 0.082 91.6);
}
.element {
color: var(--lemon-filling);
background-color: hsl(45 87% 81%);
border-color: oklch(0.921 0.082 91.6);
}Tailwind CSS v4
@theme {
--color-lemon-filling: #f9e4a6;
--color-lemon-filling-50: #fdf5db;
--color-lemon-filling-100: #f1e8ca;
--color-lemon-filling-200: #e0d4ad;
--color-lemon-filling-300: #c5b787;
--color-lemon-filling-400: #b09d65;
--color-lemon-filling-500: #9a8441;
--color-lemon-filling-600: #827038;
--color-lemon-filling-700: #685a2d;
--color-lemon-filling-800: #4e411f;
--color-lemon-filling-900: #362d14;
--color-lemon-filling-950: #211a06;
}SCSS
$lemon-filling: #f9e4a6;
$lemon-filling-rgb: 249, 228, 166;
$lemon-filling-light: mix(#fff, $lemon-filling, 20%);
$lemon-filling-dark: mix(#000, $lemon-filling, 20%);
.element {
color: $lemon-filling;
box-shadow: 0 0 0 2px rgba($lemon-filling, 0.35);
}