Colore con nome · #87A56F
Perennial Garden
Perennial Garden è #87A56F: rgb(135 165 111), hsl(93 23% 54%), oklch(0.685 0.083 131.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Perennial Garden color name →
#87A56F
oklch(0.685 0.083 131.9)
Conversioni di colore
- HEX
- #87a56f
- RGB
- rgb(135 165 111)
- HSL
- hsl(93 23% 54%)
- HWB
- hwb(93 44% 35%)
- OKLCH
- oklch(0.685 0.083 131.9)
- OKLab
- oklab(0.685 -0.055 0.062)
- CIE Lab
- lab(64.43 -18.22 24.51)
- LCH
- lch(64.43 30.55 126.6)
- CMYK
- cmyk(18% 0% 33% 35%)
Tinte · Ombre · Toni
Tinte
- 92AE7D
- 9EB78B
- AAC099
- B6C9A8
- C2D2B6
- CEDBC4
- DAE4D3
- E6EDE1
- F2F6F0
Ombre
- 758F60
- 637951
- 516542
- 415134
- 313D27
- 212B1A
- 131A0E
- 060A04
- 010101
Toni
- 86A171
- 869E73
- 859A75
- 849677
- 849379
- 838F7A
- 828B7C
- 82877D
- 81847F
Armonie di colore
Complementare +180°
- 87A56F
Perennial Garden
- AB8BBF
≈ East Side
Analogo -30° +30°
- 87A56F
Perennial Garden
- A49C5E
≈ Tallarn Sand
- 69AA8A
≈ Artemesia Green
Triadico +120° +240°
- 87A56F
Perennial Garden
- 749DCC
≈ Blue Lechery
- C7858C
≈ King’s Cloak
Complementare divisa +150° +210°
- 87A56F
Perennial Garden
- 9194CC
≈ Fast Velvet
- BE86A8
≈ Lavender Quartz
Tetradico +90° +180° +270°
- 87A56F
Perennial Garden
- 5BA6BF
≈ Pottery Blue
- AB8BBF
≈ East Side
- C68971
≈ Secluded Canyon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.74:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.64:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.64:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--perennial-garden: #87a56f;
--perennial-garden-rgb: 135 165 111;
--perennial-garden-oklch: oklch(0.685 0.083 131.9);
}
.element {
color: var(--perennial-garden);
background-color: hsl(93 23% 54%);
border-color: oklch(0.685 0.083 131.9);
}Tailwind CSS v4
@theme {
--color-perennial-garden: #87a56f;
--color-perennial-garden-50: #ecfbe3;
--color-perennial-garden-100: #ddeed3;
--color-perennial-garden-200: #c6ddb9;
--color-perennial-garden-300: #a6c196;
--color-perennial-garden-400: #8ca976;
--color-perennial-garden-500: #729257;
--color-perennial-garden-600: #607b4a;
--color-perennial-garden-700: #4d633b;
--color-perennial-garden-800: #394829;
--color-perennial-garden-900: #27321b;
--color-perennial-garden-950: #151e0c;
}SCSS
$perennial-garden: #87a56f;
$perennial-garden-rgb: 135, 165, 111;
$perennial-garden-light: mix(#fff, $perennial-garden, 20%);
$perennial-garden-dark: mix(#000, $perennial-garden, 20%);
.element {
color: $perennial-garden;
box-shadow: 0 0 0 2px rgba($perennial-garden, 0.35);
}