Nazwany kolor · #87B550
Savoy
Savoy to #87B550: rgb(135 181 80), hsl(87 41% 51%), oklch(0.718 0.14 129.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Savoy color name →
#87B550
oklch(0.718 0.14 129.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 93BD64
- 9EC476
- AACC88
- B6D399
- C2DAAA
- CEE2BB
- DAE9CC
- E6F0DD
- F3F8EE
Odcienie ciemniejsze
- 759D44
- 638639
- 516F2E
- 415924
- 31441A
- 213010
- 131D07
- 060C02
- 010200
Tony
- 86B057
- 86AB5D
- 85A563
- 85A068
- 849B6D
- 839671
- 829075
- 828B79
- 81857D
Harmonie kolorów
Komplementarna +180°
- 87B550
Savoy
- BF8AE6
≈ Luminous Lavender
Analogowa -30° +30°
- 87B550
Savoy
- B9A522
≈ Pickle Juice
- 3FBE85
≈ Greenish Teal
Triada +120° +240°
- 87B550
Savoy
- 58A9F8
≈ Joust Blue
- ED7C90
≈ So Charming
Komplementarna rozszczepiona +150° +210°
- 87B550
Savoy
- 9399FA
≈ Periwinkle Blue
- DD7FC0
≈ Pink Punk
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.39:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.75:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.75:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
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);
}