Named color · #FFE49D
Lemon Drops
Lemon Drops is #FFE49D: rgb(255 228 157), hsl(43 100% 81%), oklch(0.925 0.094 89.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Lemon Drops color name →
#FFE49D
oklch(0.925 0.094 89.5)
Color conversions
- HEX
- #ffe49d
- RGB
- rgb(255 228 157)
- HSL
- hsl(43 100% 81%)
- HWB
- hwb(43 62% 0%)
- OKLCH
- oklch(0.925 0.094 89.5)
- OKLab
- oklab(0.925 0.001 0.094)
- CIE Lab
- lab(91.64 2.5 38.24)
- LCH
- lch(91.64 38.32 86.3)
- CMYK
- cmyk(0% 11% 38% 0%)
Tints · Shades · Tones
Tints
- FFE7A8
- FFEAB2
- FFECBC
- FFEFC6
- FFF2D0
- FFF5D9
- FFF7E3
- FFFAEC
- FFFCF6
Shades
- DEC688
- BEA973
- 9E8D5F
- 80724C
- 63583A
- 483F28
- 2E2818
- 161209
- 030301
Tones
- F2DA9B
- E4CF98
- D7C596
- CABB93
- BEB190
- B1A78D
- A49D8A
- 989387
- 8C8A84
Color harmonies
Complementary +180°
- FFE49D
Lemon Drops
- DDE6FF
≈ Lavender Mist
Analogous -30° +30°
- FFE49D
Lemon Drops
- FFE0C7
≈ Peak Season
- DEF0A9
≈ Mint Julep
Triadic +120° +240°
- FFE49D
Lemon Drops
- B1F3FF
≈ Northrend
- FFD8FB
≈ Strawberry Frost
Split-complementary +150° +210°
- FFE49D
Lemon Drops
- CFEBFF
≈ Veiling Waterfalls
- EAE1FF
≈ Lavender Savour
Tetradic +90° +180° +270°
- FFE49D
Lemon Drops
- 9DFBE8
≈ Hello Winter
- DDE6FF
≈ Lavender Mist
- FFDBE5
≈ Pink Perfume
Contrast & accessibility
Ag
FailOn white
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOn black
WCAG 16.83:1 · APCA Lc 92
Best text color: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--lemon-drops: #ffe49d;
--lemon-drops-rgb: 255 228 157;
--lemon-drops-oklch: oklch(0.925 0.094 89.5);
}
.element {
color: var(--lemon-drops);
background-color: hsl(43 100% 81%);
border-color: oklch(0.925 0.094 89.5);
}Tailwind CSS v4
@theme {
--color-lemon-drops: #ffe49d;
--color-lemon-drops-50: #fff5d7;
--color-lemon-drops-100: #f3e8c5;
--color-lemon-drops-200: #e3d4a7;
--color-lemon-drops-300: #c9b680;
--color-lemon-drops-400: #b49c5b;
--color-lemon-drops-500: #9f8333;
--color-lemon-drops-600: #866f2d;
--color-lemon-drops-700: #6b5924;
--color-lemon-drops-800: #504018;
--color-lemon-drops-900: #382c0f;
--color-lemon-drops-950: #221903;
}SCSS
$lemon-drops: #ffe49d;
$lemon-drops-rgb: 255, 228, 157;
$lemon-drops-light: mix(#fff, $lemon-drops, 20%);
$lemon-drops-dark: mix(#000, $lemon-drops, 20%);
.element {
color: $lemon-drops;
box-shadow: 0 0 0 2px rgba($lemon-drops, 0.35);
}