Named color · #ECE678
Fresh Lemonade
Fresh Lemonade is #ECE678: rgb(236 230 120), hsl(57 75% 70%), oklch(0.907 0.133 106). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Fresh Lemonade color name →
#ECE678
oklch(0.907 0.133 106)
Color conversions
- HEX
- #ece678
- RGB
- rgb(236 230 120)
- HSL
- hsl(57 75% 70%)
- HWB
- hwb(57 47% 7%)
- OKLCH
- oklch(0.907 0.133 106)
- OKLab
- oklab(0.907 -0.036 0.127)
- CIE Lab
- lab(90.1 -8.53 53.7)
- LCH
- lch(90.1 54.38 99)
- CMYK
- cmyk(0% 3% 49% 7%)
Tints · Shades · Tones
Tints
- EEE988
- EFEB97
- F1EEA5
- F3F1B3
- F5F3C0
- F7F6CD
- F9F8DA
- FBFAE6
- FDFDF3
Shades
- CDC867
- AFAB57
- 928E48
- 767339
- 5B592A
- 42401D
- 292810
- 131305
- 030301
Tones
- E1DC7B
- D5D17D
- CAC77F
- BFBC80
- B4B281
- A9A882
- 9F9E82
- 949481
- 8A8A81
Color harmonies
Complementary +180°
- ECE678
Fresh Lemonade
- DDDDFF
≈ Transparent Blue
Analogous -30° +30°
- ECE678
Fresh Lemonade
- FFDAA6
≈ Speak to Me
- B8F59B
≈ Reindeer Moss
Triadic +120° +240°
- ECE678
Fresh Lemonade
- B7E9FF
≈ Blue Java Banana
- FFD1E9
≈ Poplar Pink
Split-complementary +150° +210°
- ECE678
Fresh Lemonade
- CDE2FF
≈ Arc Light
- F2D4FF
≈ Rose Dragée
Tetradic +90° +180° +270°
- ECE678
Fresh Lemonade
- 59FCFD
≈ Electric Sheep
- DDDDFF
≈ Transparent Blue
- FFD4D6
≈ We Peep
Contrast & accessibility
Ag
FailOn white
WCAG 1.29:1 · APCA Lc 15
Ag
AAAOn black
WCAG 16.15:1 · APCA Lc 89
Best text color: #000000
WCAG 16.15:1 (AAA) · APCA Lc 89
Contrast pairs
Code snippets
CSS
:root {
--fresh-lemonade: #ece678;
--fresh-lemonade-rgb: 236 230 120;
--fresh-lemonade-oklch: oklch(0.907 0.133 106);
}
.element {
color: var(--fresh-lemonade);
background-color: hsl(57 75% 70%);
border-color: oklch(0.907 0.133 106);
}Tailwind CSS v4
@theme {
--color-fresh-lemonade: #ece678;
--color-fresh-lemonade-50: #f8f9cd;
--color-fresh-lemonade-100: #ececb9;
--color-fresh-lemonade-200: #d9d996;
--color-fresh-lemonade-300: #bebd6a;
--color-fresh-lemonade-400: #a9a339;
--color-fresh-lemonade-500: #938a00;
--color-fresh-lemonade-600: #7c7500;
--color-fresh-lemonade-700: #635e00;
--color-fresh-lemonade-800: #4a4400;
--color-fresh-lemonade-900: #342f00;
--color-fresh-lemonade-950: #1f1b00;
}SCSS
$fresh-lemonade: #ece678;
$fresh-lemonade-rgb: 236, 230, 120;
$fresh-lemonade-light: mix(#fff, $fresh-lemonade, 20%);
$fresh-lemonade-dark: mix(#000, $fresh-lemonade, 20%);
.element {
color: $fresh-lemonade;
box-shadow: 0 0 0 2px rgba($fresh-lemonade, 0.35);
}