Named color · #E4E0DA
Timid Lime
Timid Lime is #E4E0DA: rgb(228 224 218), hsl(36 16% 87%), oklch(0.908 0.009 78.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Timid Lime color name →
#E4E0DA
oklch(0.908 0.009 78.3)
Color conversions
- HEX
- #e4e0da
- RGB
- rgb(228 224 218)
- HSL
- hsl(36 16% 87%)
- HWB
- hwb(36 85% 11%)
- OKLCH
- oklch(0.908 0.009 78.3)
- OKLab
- oklab(0.908 0.002 0.009)
- CIE Lab
- lab(89.37 0.63 3.45)
- LCH
- lch(89.37 3.51 79.7)
- CMYK
- cmyk(0% 2% 4% 11%)
Tints · Shades · Tones
Tints
- E7E3DE
- E9E6E1
- ECE9E5
- EFECE9
- F1EFEC
- F4F3F0
- F7F6F4
- FAF9F8
- FCFCFB
Shades
- C6C3BD
- A9A6A2
- 8D8A87
- 72706C
- 585654
- 3F3E3C
- 282725
- 121211
- 030202
Tones
- DAD6D1
- CFCCC7
- C5C2BE
- BBB8B5
- B1AFAC
- A7A5A3
- 9D9C9A
- 939291
- 8A8989
Color harmonies
Complementary +180°
- E4E0DA
Timid Lime
- DDE1E7
≈ Lilac Champagne
Analogous -30° +30°
- E4E0DA
Timid Lime
- E6DFDB
≈ Cumberland Sausage
- E1E1DA
≈ Winds Breath
Triadic +120° +240°
- E4E0DA
Timid Lime
- DAE3E3
≈ Inverness Grey
- E3DFE5
≈ Frozen Statues
Split-complementary +150° +210°
- E4E0DA
Timid Lime
- DBE2E5
≈ Cosmic Dust
- E0E0E7
≈ Amourette Eternelle
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.31:1 · APCA Lc 16
Ag
AAAOn black
WCAG 15.97:1 · APCA Lc 88
Best text color: #000000
WCAG 15.97:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--timid-lime: #e4e0da;
--timid-lime-rgb: 228 224 218;
--timid-lime-oklch: oklch(0.908 0.009 78.3);
}
.element {
color: var(--timid-lime);
background-color: hsl(36 16% 87%);
border-color: oklch(0.908 0.009 78.3);
}Tailwind CSS v4
@theme {
--color-timid-lime: #e4e0da;
--color-timid-lime-50: #f6f5f2;
--color-timid-lime-100: #e9e7e4;
--color-timid-lime-200: #d6d4d0;
--color-timid-lime-300: #bab7b2;
--color-timid-lime-400: #a19e98;
--color-timid-lime-500: #89857f;
--color-timid-lime-600: #74716c;
--color-timid-lime-700: #5d5a56;
--color-timid-lime-800: #44423f;
--color-timid-lime-900: #2f2d2b;
--color-timid-lime-950: #1c1a19;
}SCSS
$timid-lime: #e4e0da;
$timid-lime-rgb: 228, 224, 218;
$timid-lime-light: mix(#fff, $timid-lime, 20%);
$timid-lime-dark: mix(#000, $timid-lime, 20%);
.element {
color: $timid-lime;
box-shadow: 0 0 0 2px rgba($timid-lime, 0.35);
}