Nearest named color · #B9CBA9
#B9CBA9
Nearest named color: Morris Leaf
#B9CBA9 (rgb(185 203 169), hsl(92 25% 73%), oklch(0.819 0.05 130.3)) is closest to the named color Morris Leaf. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B9CBA9
oklch(0.819 0.05 130.3)
Color conversions
- HEX
- #b9cba9
- RGB
- rgb(185 203 169)
- HSL
- hsl(92 25% 73%)
- HWB
- hwb(92 66% 20%)
- OKLCH
- oklch(0.819 0.05 130.3)
- OKLab
- oklab(0.819 -0.033 0.038)
- CIE Lab
- lab(79.62 -10.91 14.87)
- LCH
- lch(79.62 18.44 126.3)
- CMYK
- cmyk(9% 0% 17% 20%)
Tints · Shades · Tones
Tints
- C0D0B1
- C7D5BA
- CEDAC2
- D5E0CB
- DCE5D4
- E3EADC
- EAEFE5
- F1F5EE
- F8FAF6
Shades
- A0B092
- 89967C
- 717D67
- 5B6553
- 464D3F
- 31372C
- 1E221B
- 0D0F0A
- 020201
Tones
- B3C3A5
- ADBCA1
- A8B49D
- A2AC99
- 9CA595
- 969D90
- 91968C
- 8B8F88
- 868784
Color harmonies
Complementary +180°
- B9CBA9
Morris Leaf
- CEBBDD
≈ Sweet Lucid Dreams
Analogous -30° +30°
- B9CBA9
Morris Leaf
- CBC5A0
≈ Oyster White
- A8CEB9
≈ Bird’s Egg Green
Triadic +120° +240°
- B9CBA9
Morris Leaf
- ACC7E4
≈ Water Wash
- E2B7BC
≈ Seven Veils
Split-complementary +150° +210°
- B9CBA9
Morris Leaf
- BDC1E5
≈ Canterbury Bells
- DBB8CE
≈ Blissfully Mine
Tetradic +90° +180° +270°
- B9CBA9
Morris Leaf
- A0CCDB
≈ Intercoastal
- CEBBDD
≈ Sweet Lucid Dreams
- E2BAAC
≈ Tofino
Contrast & accessibility
Ag
FailOn white
WCAG 1.72:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.17:1 · APCA Lc 72
Best text color: #000000
WCAG 12.17:1 (AAA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--morris-leaf: #b9cba9;
--morris-leaf-rgb: 185 203 169;
--morris-leaf-oklch: oklch(0.819 0.05 130.3);
}
.element {
color: var(--morris-leaf);
background-color: hsl(92 25% 73%);
border-color: oklch(0.819 0.05 130.3);
}Tailwind CSS v4
@theme {
--color-morris-leaf: #b9cba9;
--color-morris-leaf-50: #f0f8ea;
--color-morris-leaf-100: #e2ecdb;
--color-morris-leaf-200: #ccd9c3;
--color-morris-leaf-300: #aebda3;
--color-morris-leaf-400: #94a586;
--color-morris-leaf-500: #7b8d6a;
--color-morris-leaf-600: #68785a;
--color-morris-leaf-700: #536048;
--color-morris-leaf-800: #3d4633;
--color-morris-leaf-900: #2a3023;
--color-morris-leaf-950: #181d12;
}SCSS
$morris-leaf: #b9cba9;
$morris-leaf-rgb: 185, 203, 169;
$morris-leaf-light: mix(#fff, $morris-leaf, 20%);
$morris-leaf-dark: mix(#000, $morris-leaf, 20%);
.element {
color: $morris-leaf;
box-shadow: 0 0 0 2px rgba($morris-leaf, 0.35);
}