Named color · #E1EE82
Sunny Lime
Sunny Lime is #E1EE82: rgb(225 238 130), hsl(67 76% 72%), oklch(0.917 0.133 114.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Sunny Lime color name →
#E1EE82
oklch(0.917 0.133 114.7)
Color conversions
- HEX
- #e1ee82
- RGB
- rgb(225 238 130)
- HSL
- hsl(67 76% 72%)
- HWB
- hwb(67 51% 7%)
- OKLCH
- oklch(0.917 0.133 114.7)
- OKLab
- oklab(0.917 -0.056 0.121)
- CIE Lab
- lab(91.41 -15.87 50.35)
- LCH
- lch(91.41 52.79 107.5)
- CMYK
- cmyk(5% 0% 45% 7%)
Tints · Shades · Tones
Tints
- E4F090
- E7F29E
- EAF4AB
- ECF5B8
- EFF7C4
- F2F9D0
- F6FBDC
- F9FCE8
- FCFEF3
Shades
- C4CF70
- A7B15F
- 8B934E
- 70773E
- 565C2F
- 3E4220
- 272A12
- 121406
- 020301
Tones
- D7E383
- CDD785
- C3CC85
- B9C185
- AFB685
- A5AB85
- 9CA084
- 929583
- 898B82
Color harmonies
Complementary +180°
- E1EE82
Sunny Lime
- E5DEFF
≈ Stoic White
Analogous -30° +30°
- E1EE82
Sunny Lime
- FFDF9F
≈ Essentially Bright
- AAFBAB
≈ Light Pastel Green
Triadic +120° +240°
- E1EE82
Sunny Lime
- C6E9FF
≈ Blue Java Banana
- FFD7E5
≈ Pig Pink
Split-complementary +150° +210°
- E1EE82
Sunny Lime
- D6E4FF
≈ Veiling Waterfalls
- FDD3FF
≈ Pink Diamond
Tetradic +90° +180° +270°
- E1EE82
Sunny Lime
- 9AF5FF
≈ Waterspout
- E5DEFF
≈ Stoic White
- FFD9D5
≈ Forgotten Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.25:1 · APCA Lc 13
Ag
AAAOn black
WCAG 16.75:1 · APCA Lc 91
Best text color: #000000
WCAG 16.75:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--sunny-lime: #e1ee82;
--sunny-lime-rgb: 225 238 130;
--sunny-lime-oklch: oklch(0.917 0.133 114.7);
}
.element {
color: var(--sunny-lime);
background-color: hsl(67 76% 72%);
border-color: oklch(0.917 0.133 114.7);
}Tailwind CSS v4
@theme {
--color-sunny-lime: #e1ee82;
--color-sunny-lime-50: #f2fbd0;
--color-sunny-lime-100: #e4eebc;
--color-sunny-lime-200: #d0dc9b;
--color-sunny-lime-300: #b3c06f;
--color-sunny-lime-400: #9da741;
--color-sunny-lime-500: #858f00;
--color-sunny-lime-600: #707900;
--color-sunny-lime-700: #5a6100;
--color-sunny-lime-800: #434700;
--color-sunny-lime-900: #2e3100;
--color-sunny-lime-950: #1b1d00;
}SCSS
$sunny-lime: #e1ee82;
$sunny-lime-rgb: 225, 238, 130;
$sunny-lime-light: mix(#fff, $sunny-lime, 20%);
$sunny-lime-dark: mix(#000, $sunny-lime, 20%);
.element {
color: $sunny-lime;
box-shadow: 0 0 0 2px rgba($sunny-lime, 0.35);
}