이름 색상 · #87B550
Savoy
Savoy은(는) #87B550: rgb(135 181 80), hsl(87 41% 51%), oklch(0.718 0.14 129.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Savoy color name →
#87B550
oklch(0.718 0.14 129.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 93BD64
- 9EC476
- AACC88
- B6D399
- C2DAAA
- CEE2BB
- DAE9CC
- E6F0DD
- F3F8EE
셰이드
- 759D44
- 638639
- 516F2E
- 415924
- 31441A
- 213010
- 131D07
- 060C02
- 010200
톤
- 86B057
- 86AB5D
- 85A563
- 85A068
- 849B6D
- 839671
- 829075
- 828B79
- 81857D
색 조화
보색 +180°
- 87B550
Savoy
- BF8AE6
≈ Luminous Lavender
유사색 -30° +30°
- 87B550
Savoy
- B9A522
≈ Pickle Juice
- 3FBE85
≈ Greenish Teal
삼각 배색 +120° +240°
- 87B550
Savoy
- 58A9F8
≈ Joust Blue
- ED7C90
≈ So Charming
분열 보색 +150° +210°
- 87B550
Savoy
- 9399FA
≈ Periwinkle Blue
- DD7FC0
≈ Pink Punk
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.39:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.75:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.75:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
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);
}