가장 가까운 이름 색상 · #91BC7F
#91BC7F
가장 가까운 이름 색상: Sage
#91BC7F(rgb(145 188 127), hsl(102 31% 62%), oklch(0.749 0.096 136.7))와 가장 가까운 이름 색상은 Sage입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#91BC7F
oklch(0.749 0.096 136.7)
색상 변환
- HEX
- #91bc7f
- RGB
- rgb(145 188 127)
- HSL
- hsl(102 31% 62%)
- HWB
- hwb(102 50% 26%)
- OKLCH
- oklch(0.749 0.096 136.7)
- OKLab
- oklab(0.749 -0.07 0.066)
- CIE Lab
- lab(71.99 -23.43 26.11)
- LCH
- lch(71.99 35.08 131.9)
- CMYK
- cmyk(23% 0% 32% 26%)
틴트 · 셰이드 · 톤
틴트
- 9CC38C
- A7C998
- B2D0A5
- BCD7B2
- C7DEBF
- D2E4CB
- DDEBD8
- E9F2E5
- F4F8F2
셰이드
- 7DA36E
- 6A8B5D
- 58734C
- 465D3C
- 35472D
- 25321F
- 151F11
- 070D06
- 010201
톤
- 8FB680
- 8EB080
- 8CAA80
- 8BA481
- 899E81
- 879881
- 869281
- 848C81
- 828680
색 조화
보색 +180°
- 91BC7F
Sage
- C69BD6
≈ Mauve Mist
유사색 -30° +30°
- 91BC7F
Sage
- B5B268
≈ Rodham
- 6DC1A0
≈ Gem Silica
삼각 배색 +120° +240°
- 91BC7F
Sage
- 86B0EA
≈ Fly Away
- E49498
≈ Marker Pink
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.16:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.70:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.70:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--sage: #91bc7f;
--sage-rgb: 145 188 127;
--sage-oklch: oklch(0.749 0.096 136.7);
}
.element {
color: var(--sage);
background-color: hsl(102 31% 62%);
border-color: oklch(0.749 0.096 136.7);
}Tailwind CSS v4
@theme {
--color-sage: #91bc7f;
--color-sage-50: #e8fce2;
--color-sage-100: #d8f0d1;
--color-sage-200: #c0dfb7;
--color-sage-300: #9fc494;
--color-sage-400: #84ac73;
--color-sage-500: #679553;
--color-sage-600: #587e47;
--color-sage-700: #466539;
--color-sage-800: #344a27;
--color-sage-900: #23331a;
--color-sage-950: #121f0a;
}SCSS
$sage: #91bc7f;
$sage-rgb: 145, 188, 127;
$sage-light: mix(#fff, $sage, 20%);
$sage-dark: mix(#000, $sage, 20%);
.element {
color: $sage;
box-shadow: 0 0 0 2px rgba($sage, 0.35);
}