Colore con nome · #93C572
Pistachio
Pistachio è #93C572: rgb(147 197 114), hsl(96 42% 61%), oklch(0.769 0.124 133.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Pistachio color name →
#93C572
oklch(0.769 0.124 133.9)
Conversioni di colore
- HEX
- #93c572
- RGB
- rgb(147 197 114)
- HSL
- hsl(96 42% 61%)
- HWB
- hwb(96 45% 23%)
- OKLCH
- oklch(0.769 0.124 133.9)
- OKLab
- oklab(0.769 -0.086 0.089)
- CIE Lab
- lab(74.53 -28.1 36.05)
- LCH
- lch(74.53 45.7 127.9)
- CMYK
- cmyk(25% 0% 42% 23%)
Tinte · Ombre · Toni
Tinte
- 9ECB81
- A8D18F
- B3D79D
- BEDDAB
- C9E2B9
- D3E8C7
- DEEED5
- E9F4E3
- F4F9F1
Ombre
- 7FAB62
- 6C9253
- 597944
- 476136
- 364B28
- 25351B
- 16210E
- 080E04
- 010201
Toni
- 91BE74
- 90B777
- 8EB078
- 8CA97A
- 8AA27B
- 889C7D
- 86957E
- 848E7F
- 82877F
Armonie di colore
Complementare +180°
- 93C572
Pistachio
- D09CEB
≈ Bright Ube
Analogo -30° +30°
- 93C572
Pistachio
- C1B752
≈ Parachute
- 5CCC9E
≈ Vegetation
Triadico +120° +240°
- 93C572
Pistachio
- 7CB7FF
≈ Parakeet Blue
- F8929C
≈ Pink Geranium
Complementare divisa +150° +210°
- 93C572
Pistachio
- AAA9FF
≈ Shy Moment
- EB93C7
≈ Pearly Pink
Tetradico +90° +180° +270°
- 93C572
Pistachio
- 45C4EE
≈ Clean Pool
- D09CEB
≈ Bright Ube
- F59971
≈ Orange Pecan
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.00:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.47:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.47:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--pistachio: #93c572;
--pistachio-rgb: 147 197 114;
--pistachio-oklch: oklch(0.769 0.124 133.9);
}
.element {
color: var(--pistachio);
background-color: hsl(96 42% 61%);
border-color: oklch(0.769 0.124 133.9);
}Tailwind CSS v4
@theme {
--color-pistachio: #93c572;
--color-pistachio-50: #e6fedb;
--color-pistachio-100: #d6f2c9;
--color-pistachio-200: #bde1ac;
--color-pistachio-300: #9bc686;
--color-pistachio-400: #80ae61;
--color-pistachio-500: #63973b;
--color-pistachio-600: #548034;
--color-pistachio-700: #436629;
--color-pistachio-800: #324b1a;
--color-pistachio-900: #223411;
--color-pistachio-950: #111f04;
}SCSS
$pistachio: #93c572;
$pistachio-rgb: 147, 197, 114;
$pistachio-light: mix(#fff, $pistachio, 20%);
$pistachio-dark: mix(#000, $pistachio, 20%);
.element {
color: $pistachio;
box-shadow: 0 0 0 2px rgba($pistachio, 0.35);
}