Named color · #94D8AC
Peaceful Pastures
Peaceful Pastures is #94D8AC: rgb(148 216 172), hsl(141 47% 71%), oklch(0.825 0.093 155.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Peaceful Pastures color name →
#94D8AC
oklch(0.825 0.093 155.4)
Color conversions
- HEX
- #94d8ac
- RGB
- rgb(148 216 172)
- HSL
- hsl(141 47% 71%)
- HWB
- hwb(141 58% 15%)
- OKLCH
- oklch(0.825 0.093 155.4)
- OKLab
- oklab(0.825 -0.084 0.038)
- CIE Lab
- lab(80.91 -29.15 14.65)
- LCH
- lch(80.91 32.63 153.3)
- CMYK
- cmyk(31% 0% 20% 15%)
Tints · Shades · Tones
Tints
- 9FDCB4
- AAE0BC
- B5E4C5
- C0E8CD
- CBECD5
- D5F0DD
- E0F4E6
- EAF7EE
- F5FBF7
Shades
- 80BC95
- 6DA07F
- 5A8569
- 486B54
- 365340
- 263B2D
- 16251B
- 08110B
- 010201
Tones
- 93CFA8
- 91C6A3
- 90BD9F
- 8EB49A
- 8CAB96
- 8AA392
- 889A8D
- 859189
- 838984
Color harmonies
Complementary +180°
- 94D8AC
Peaceful Pastures
- ECAFDD
≈ Pretty Pink Piggy
Analogous -30° +30°
- 94D8AC
Peaceful Pastures
- B7D18E
≈ Al Green
- 7ADACE
≈ Mintos
Triadic +120° +240°
- 94D8AC
Peaceful Pastures
- B5C2FF
≈ Dried Lilac
- FBB09D
≈ Salmon Fresco
Split-complementary +150° +210°
- 94D8AC
Peaceful Pastures
- D4B7F6
≈ Pink Illusion
- FAADBD
≈ Sweet Caroline
Tetradic +90° +180° +270°
- 94D8AC
Peaceful Pastures
- 93CCFE
≈ Clear Sky
- ECAFDD
≈ Pretty Pink Piggy
- F0BA85
≈ Baba Ganoush
Contrast & accessibility
Ag
FailOn white
WCAG 1.65:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.67:1 · APCA Lc 74
Best text color: #000000
WCAG 12.67:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--peaceful-pastures: #94d8ac;
--peaceful-pastures-rgb: 148 216 172;
--peaceful-pastures-oklch: oklch(0.825 0.093 155.4);
}
.element {
color: var(--peaceful-pastures);
background-color: hsl(141 47% 71%);
border-color: oklch(0.825 0.093 155.4);
}Tailwind CSS v4
@theme {
--color-peaceful-pastures: #94d8ac;
--color-peaceful-pastures-50: #e0feeb;
--color-peaceful-pastures-100: #cff2dc;
--color-peaceful-pastures-200: #b4e1c5;
--color-peaceful-pastures-300: #90c6a5;
--color-peaceful-pastures-400: #70af87;
--color-peaceful-pastures-500: #4e986b;
--color-peaceful-pastures-600: #43815b;
--color-peaceful-pastures-700: #356749;
--color-peaceful-pastures-800: #274c33;
--color-peaceful-pastures-900: #1a3523;
--color-peaceful-pastures-950: #0a2012;
}SCSS
$peaceful-pastures: #94d8ac;
$peaceful-pastures-rgb: 148, 216, 172;
$peaceful-pastures-light: mix(#fff, $peaceful-pastures, 20%);
$peaceful-pastures-dark: mix(#000, $peaceful-pastures, 20%);
.element {
color: $peaceful-pastures;
box-shadow: 0 0 0 2px rgba($peaceful-pastures, 0.35);
}