이름 색상 · #948B76
Sage Advice
Sage Advice은(는) #948B76: rgb(148 139 118), hsl(42 12% 52%), oklch(0.639 0.032 87.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sage Advice color name →
#948B76
oklch(0.639 0.032 87.6)
색상 변환
- HEX
- #948b76
- RGB
- rgb(148 139 118)
- HSL
- hsl(42 12% 52%)
- HWB
- hwb(42 46% 42%)
- OKLCH
- oklch(0.639 0.032 87.6)
- OKLab
- oklab(0.639 0.001 0.032)
- CIE Lab
- lab(58.22 0.8 12.56)
- LCH
- lch(58.22 12.58 86.4)
- CMYK
- cmyk(0% 6% 20% 42%)
틴트 · 셰이드 · 톤
틴트
- 9E9683
- A9A190
- B3AC9D
- BEB8AB
- C8C3B8
- D3CFC6
- DEDBD4
- E9E7E2
- F4F3F1
셰이드
- 807866
- 6D6656
- 5A5447
- 484338
- 363229
- 26231C
- 16140F
- 080705
- 010101
톤
- 928A77
- 908978
- 8E8879
- 8C877A
- 8A867B
- 88847C
- 86837D
- 84827E
- 82817F
색 조화
보색 +180°
- 948B76
Sage Advice
- 838CA0
≈ Prophetic Sea
유사색 -30° +30°
- 948B76
Sage Advice
- 9B8779
≈ Almond Frost
- 8A8F79
≈ Epic Green
삼각 배색 +120° +240°
- 948B76
Sage Advice
- 769296
≈ Miracle Bay
- 978596
≈ Femme Fatale
분열 보색 +150° +210°
- 948B76
Sage Advice
- 7A8F9D
≈ Sidewalk Grey
- 8E889D
≈ Antiquate
사각 배색 +90° +180° +270°
- 948B76
Sage Advice
- 78938B
≈ Longmeadow
- 838CA0
≈ Prophetic Sea
- 9D848C
≈ Orchard Plum
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.37:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.21:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.21:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--sage-advice: #948b76;
--sage-advice-rgb: 148 139 118;
--sage-advice-oklch: oklch(0.639 0.032 87.6);
}
.element {
color: var(--sage-advice);
background-color: hsl(42 12% 52%);
border-color: oklch(0.639 0.032 87.6);
}Tailwind CSS v4
@theme {
--color-sage-advice: #948b76;
--color-sage-advice-50: #f9f5eb;
--color-sage-advice-100: #ece8dc;
--color-sage-advice-200: #d9d4c5;
--color-sage-advice-300: #beb7a5;
--color-sage-advice-400: #a69e89;
--color-sage-advice-500: #8f856e;
--color-sage-advice-600: #79715e;
--color-sage-advice-700: #615a4b;
--color-sage-advice-800: #474236;
--color-sage-advice-900: #312d25;
--color-sage-advice-950: #1d1a13;
}SCSS
$sage-advice: #948b76;
$sage-advice-rgb: 148, 139, 118;
$sage-advice-light: mix(#fff, $sage-advice, 20%);
$sage-advice-dark: mix(#000, $sage-advice, 20%);
.element {
color: $sage-advice;
box-shadow: 0 0 0 2px rgba($sage-advice, 0.35);
}