Warna bernama · #87B550
Savoy
Savoy adalah #87B550: rgb(135 181 80), hsl(87 41% 51%), oklch(0.718 0.14 129.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Savoy color name →
#87B550
oklch(0.718 0.14 129.7)
Konversi warna
- HEX
- #87b550
- RGB
- rgb(135 181 80)
- HSL
- hsl(87 41% 51%)
- HWB
- hwb(87 31% 29%)
- OKLCH
- oklch(0.718 0.14 129.7)
- OKLab
- oklab(0.718 -0.09 0.108)
- CIE Lab
- lab(68.75 -28.37 45.36)
- LCH
- lch(68.75 53.51 122)
- CMYK
- cmyk(25% 0% 56% 29%)
Tint · Shade · Tone
Tint
- 93BD64
- 9EC476
- AACC88
- B6D399
- C2DAAA
- CEE2BB
- DAE9CC
- E6F0DD
- F3F8EE
Shade
- 759D44
- 638639
- 516F2E
- 415924
- 31441A
- 213010
- 131D07
- 060C02
- 010200
Tone
- 86B057
- 86AB5D
- 85A563
- 85A068
- 849B6D
- 839671
- 829075
- 828B79
- 81857D
Harmoni warna
Komplementer +180°
- 87B550
Savoy
- BF8AE6
≈ Luminous Lavender
Analog -30° +30°
- 87B550
Savoy
- B9A522
≈ Pickle Juice
- 3FBE85
≈ Greenish Teal
Triadik +120° +240°
- 87B550
Savoy
- 58A9F8
≈ Joust Blue
- ED7C90
≈ So Charming
Split-komplementer +150° +210°
- 87B550
Savoy
- 9399FA
≈ Periwinkle Blue
- DD7FC0
≈ Pink Punk
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.39:1 · APCA Lc 47
Ag
AAADi atas hitam
WCAG 8.75:1 · APCA Lc 55
Warna teks terbaik: #000000
WCAG 8.75:1 (AAA) · APCA Lc 55
Contrast pairs
Cuplikan kode
CSS
:root {
--savoy: #87b550;
--savoy-rgb: 135 181 80;
--savoy-oklch: oklch(0.718 0.14 129.7);
}
.element {
color: var(--savoy);
background-color: hsl(87 41% 51%);
border-color: oklch(0.718 0.14 129.7);
}Tailwind CSS v4
@theme {
--color-savoy: #87b550;
--color-savoy-50: #e7fed5;
--color-savoy-100: #d7f2c2;
--color-savoy-200: #bee1a3;
--color-savoy-300: #9dc77a;
--color-savoy-400: #83ae50;
--color-savoy-500: #67971e;
--color-savoy-600: #57801d;
--color-savoy-700: #466717;
--color-savoy-800: #344b0b;
--color-savoy-900: #243407;
--color-savoy-950: #131f00;
}SCSS
$savoy: #87b550;
$savoy-rgb: 135, 181, 80;
$savoy-light: mix(#fff, $savoy, 20%);
$savoy-dark: mix(#000, $savoy, 20%);
.element {
color: $savoy;
box-shadow: 0 0 0 2px rgba($savoy, 0.35);
}