Named color · #B1CDAC
Spinach Dip
Spinach Dip is #B1CDAC: rgb(177 205 172), hsl(111 25% 74%), oklch(0.819 0.055 140.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Spinach Dip color name →
#B1CDAC
oklch(0.819 0.055 140.9)
Color conversions
- HEX
- #b1cdac
- RGB
- rgb(177 205 172)
- HSL
- hsl(111 25% 74%)
- HWB
- hwb(111 67% 20%)
- OKLCH
- oklch(0.819 0.055 140.9)
- OKLab
- oklab(0.819 -0.042 0.034)
- CIE Lab
- lab(79.64 -14.38 13.21)
- LCH
- lch(79.64 19.52 137.4)
- CMYK
- cmyk(14% 0% 16% 20%)
Tints · Shades · Tones
Tints
- B9D2B4
- C0D7BC
- C8DCC5
- D0E1CD
- D8E6D5
- DFEBDD
- E7F0E6
- EFF5EE
- F7FAF7
Shades
- 99B295
- 83987F
- 6C7E69
- 576654
- 424E40
- 2F382D
- 1C231B
- 0C0F0B
- 010201
Tones
- ACC5A8
- A7BDA3
- A2B59F
- 9DAE9A
- 98A696
- 939E92
- 8F968D
- 8A8F89
- 858784
Color harmonies
Complementary +180°
- B1CDAC
Spinach Dip
- D4B9DA
≈ Pussyfoot
Analogous -30° +30°
- B1CDAC
Spinach Dip
- C5C79F
≈ Watercress Pesto
- A1D0BF
≈ Tareyton
Triadic +120° +240°
- B1CDAC
Spinach Dip
- B0C5E8
≈ Promise Keeping
- E5B6B5
≈ Pink Dust
Split-complementary +150° +210°
- B1CDAC
Spinach Dip
- C3BEE5
≈ Violet Gems
- E0B6C8
≈ Kunzite
Tetradic +90° +180° +270°
- B1CDAC
Spinach Dip
- A0CBE1
≈ Legacy Blue
- D4B9DA
≈ Pussyfoot
- E2BAA4
≈ Warming Peach
Contrast & accessibility
Ag
FailOn white
WCAG 1.72:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.19:1 · APCA Lc 72
Best text color: #000000
WCAG 12.19:1 (AAA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--spinach-dip: #b1cdac;
--spinach-dip-rgb: 177 205 172;
--spinach-dip-oklch: oklch(0.819 0.055 140.9);
}
.element {
color: var(--spinach-dip);
background-color: hsl(111 25% 74%);
border-color: oklch(0.819 0.055 140.9);
}Tailwind CSS v4
@theme {
--color-spinach-dip: #b1cdac;
--color-spinach-dip-50: #edf9eb;
--color-spinach-dip-100: #deeddc;
--color-spinach-dip-200: #c7dbc5;
--color-spinach-dip-300: #a8bfa6;
--color-spinach-dip-400: #8da789;
--color-spinach-dip-500: #73906e;
--color-spinach-dip-600: #61795d;
--color-spinach-dip-700: #4e614a;
--color-spinach-dip-800: #394735;
--color-spinach-dip-900: #273124;
--color-spinach-dip-950: #151d13;
}SCSS
$spinach-dip: #b1cdac;
$spinach-dip-rgb: 177, 205, 172;
$spinach-dip-light: mix(#fff, $spinach-dip, 20%);
$spinach-dip-dark: mix(#000, $spinach-dip, 20%);
.element {
color: $spinach-dip;
box-shadow: 0 0 0 2px rgba($spinach-dip, 0.35);
}