Named color · #E5D9B6
Lemon Balm
Lemon Balm is #E5D9B6: rgb(229 217 182), hsl(45 47% 81%), oklch(0.886 0.048 91.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Lemon Balm color name →
#E5D9B6
oklch(0.886 0.048 91.3)
Color conversions
- HEX
- #e5d9b6
- RGB
- rgb(229 217 182)
- HSL
- hsl(45 47% 81%)
- HWB
- hwb(45 71% 10%)
- OKLCH
- oklch(0.886 0.048 91.3)
- OKLab
- oklab(0.886 -0.001 0.048)
- CIE Lab
- lab(87 0.16 18.88)
- LCH
- lch(87 18.88 89.5)
- CMYK
- cmyk(0% 5% 21% 10%)
Tints · Shades · Tones
Tints
- E8DDBD
- EAE1C5
- EDE4CC
- EFE8D3
- F2ECDA
- F5F0E2
- F7F4E9
- FAF7F0
- FCFBF8
Shades
- C7BC9E
- AAA186
- 8E866F
- 726C59
- 585344
- 3F3B30
- 28251D
- 12110C
- 030202
Tones
- DAD0B1
- D0C7AB
- C6BDA6
- BBB4A0
- B1AC9B
- A7A396
- 9D9A90
- 93918B
- 8A8985
Color harmonies
Complementary +180°
- E5D9B6
Lemon Balm
- CED8FA
≈ Icy Plains
Analogous -30° +30°
- E5D9B6
Lemon Balm
- F2D3BA
≈ Only Yesterday
- D4DFBC
≈ Spring Glow
Triadic +120° +240°
- E5D9B6
Lemon Balm
- B6E3EC
≈ Ocean Front
- EDCEE8
≈ Poodle Pink
Split-complementary +150° +210°
- E5D9B6
Lemon Balm
- BEDEF7
≈ Arctic Paradise
- DFD3F5
≈ Japan Blush
Tetradic +90° +180° +270°
- E5D9B6
Lemon Balm
- B8E4DB
≈ Ice Cap Green
- CED8FA
≈ Icy Plains
- F6CDD7
≈ Pink Lace
Contrast & accessibility
Ag
FailOn white
WCAG 1.40:1 · APCA Lc 20
Ag
AAAOn black
WCAG 14.93:1 · APCA Lc 84
Best text color: #000000
WCAG 14.93:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--lemon-balm: #e5d9b6;
--lemon-balm-rgb: 229 217 182;
--lemon-balm-oklch: oklch(0.886 0.048 91.3);
}
.element {
color: var(--lemon-balm);
background-color: hsl(45 47% 81%);
border-color: oklch(0.886 0.048 91.3);
}Tailwind CSS v4
@theme {
--color-lemon-balm: #e5d9b6;
--color-lemon-balm-50: #faf5e6;
--color-lemon-balm-100: #ede8d6;
--color-lemon-balm-200: #dbd4be;
--color-lemon-balm-300: #bfb79c;
--color-lemon-balm-400: #a99e7e;
--color-lemon-balm-500: #928561;
--color-lemon-balm-600: #7b7153;
--color-lemon-balm-700: #635a42;
--color-lemon-balm-800: #49422f;
--color-lemon-balm-900: #332d20;
--color-lemon-balm-950: #1e1a10;
}SCSS
$lemon-balm: #e5d9b6;
$lemon-balm-rgb: 229, 217, 182;
$lemon-balm-light: mix(#fff, $lemon-balm, 20%);
$lemon-balm-dark: mix(#000, $lemon-balm, 20%);
.element {
color: $lemon-balm;
box-shadow: 0 0 0 2px rgba($lemon-balm, 0.35);
}