이름 색상 · #5E6A61
Sage Shadow
Sage Shadow은(는) #5E6A61: rgb(94 106 97), hsl(135 6% 39%), oklch(0.511 0.02 153.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sage Shadow color name →
#5E6A61
oklch(0.511 0.02 153.2)
색상 변환
- HEX
- #5e6a61
- RGB
- rgb(94 106 97)
- HSL
- hsl(135 6% 39%)
- HWB
- hwb(135 37% 58%)
- OKLCH
- oklch(0.511 0.02 153.2)
- OKLab
- oklab(0.511 -0.018 0.009)
- CIE Lab
- lab(43.58 -6.18 3.44)
- LCH
- lch(43.58 7.08 150.9)
- CMYK
- cmyk(11% 0% 8% 58%)
틴트 · 셰이드 · 톤
틴트
- 6D786F
- 7C867E
- 8B948D
- 9BA39D
- ABB2AD
- BBC1BD
- CCD0CD
- DDDFDD
- EEEFEE
셰이드
- 515B53
- 444D46
- 373F39
- 2B312D
- 1F2421
- 141815
- 0A0D0B
- 030403
- 000000
톤
- 616C64
- 656E67
- 68716A
- 6B736D
- 6F7570
- 727773
- 767977
- 797C7A
- 7D7E7D
색 조화
보색 +180°
- 5E6A61
Sage Shadow
- 6E626B
≈ Vintage Grape
유사색 -30° +30°
- 5E6A61
Sage Shadow
- 64695C
≈ Greenish Grey Bark
- 5A6A67
≈ Artistic Stone
삼각 배색 +120° +240°
- 5E6A61
Sage Shadow
- 626672
≈ British Shorthair
- 72625F
≈ Wright Brown
분열 보색 +150° +210°
- 5E6A61
Sage Shadow
- 696470
≈ Silverado
- 716265
≈ Dignified Purple
사각 배색 +90° +180° +270°
- 5E6A61
Sage Shadow
- 5D6871
≈ King Creek Falls
- 6E626B
≈ Vintage Grape
- 6F645B
≈ Leroy
대비 및 접근성
Ag
AA흰색 위
WCAG 5.66:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.71:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.66:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--sage-shadow: #5e6a61;
--sage-shadow-rgb: 94 106 97;
--sage-shadow-oklch: oklch(0.511 0.02 153.2);
}
.element {
color: var(--sage-shadow);
background-color: hsl(135 6% 39%);
border-color: oklch(0.511 0.02 153.2);
}Tailwind CSS v4
@theme {
--color-sage-shadow: #5e6a61;
--color-sage-shadow-50: #f1f7f3;
--color-sage-shadow-100: #e3eae5;
--color-sage-shadow-200: #ced7d0;
--color-sage-shadow-300: #b0bbb3;
--color-sage-shadow-400: #96a299;
--color-sage-shadow-500: #7c8a80;
--color-sage-shadow-600: #69756c;
--color-sage-shadow-700: #545e57;
--color-sage-shadow-800: #3d443f;
--color-sage-shadow-900: #2a2f2b;
--color-sage-shadow-950: #181c19;
}SCSS
$sage-shadow: #5e6a61;
$sage-shadow-rgb: 94, 106, 97;
$sage-shadow-light: mix(#fff, $sage-shadow, 20%);
$sage-shadow-dark: mix(#000, $sage-shadow, 20%);
.element {
color: $sage-shadow;
box-shadow: 0 0 0 2px rgba($sage-shadow, 0.35);
}