Colore con nome · #94D8AC
Peaceful Pastures
Peaceful Pastures è #94D8AC: rgb(148 216 172), hsl(141 47% 71%), oklch(0.825 0.093 155.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Peaceful Pastures color name →
#94D8AC
oklch(0.825 0.093 155.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9FDCB4
- AAE0BC
- B5E4C5
- C0E8CD
- CBECD5
- D5F0DD
- E0F4E6
- EAF7EE
- F5FBF7
Ombre
- 80BC95
- 6DA07F
- 5A8569
- 486B54
- 365340
- 263B2D
- 16251B
- 08110B
- 010201
Toni
- 93CFA8
- 91C6A3
- 90BD9F
- 8EB49A
- 8CAB96
- 8AA392
- 889A8D
- 859189
- 838984
Armonie di colore
Complementare +180°
- 94D8AC
Peaceful Pastures
- ECAFDD
≈ Pretty Pink Piggy
Analogo -30° +30°
- 94D8AC
Peaceful Pastures
- B7D18E
≈ Al Green
- 7ADACE
≈ Mintos
Triadico +120° +240°
- 94D8AC
Peaceful Pastures
- B5C2FF
≈ Dried Lilac
- FBB09D
≈ Salmon Fresco
Complementare divisa +150° +210°
- 94D8AC
Peaceful Pastures
- D4B7F6
≈ Pink Illusion
- FAADBD
≈ Sweet Caroline
Tetradico +90° +180° +270°
- 94D8AC
Peaceful Pastures
- 93CCFE
≈ Clear Sky
- ECAFDD
≈ Pretty Pink Piggy
- F0BA85
≈ Baba Ganoush
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.65:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.67:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.67:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
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);
}