이름 색상 · #5A7C46
Mossy Green
Mossy Green은(는) #5A7C46: rgb(90 124 70), hsl(98 28% 38%), oklch(0.546 0.088 134.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Mossy Green color name →
#5A7C46
oklch(0.546 0.088 134.7)
색상 변환
- HEX
- #5a7c46
- RGB
- rgb(90 124 70)
- HSL
- hsl(98 28% 38%)
- HWB
- hwb(98 27% 51%)
- OKLCH
- oklch(0.546 0.088 134.7)
- OKLab
- oklab(0.546 -0.062 0.063)
- CIE Lab
- lab(48.38 -20.48 25.38)
- LCH
- lch(48.38 32.62 128.9)
- CMYK
- cmyk(27% 0% 44% 51%)
틴트 · 셰이드 · 톤
틴트
- 698958
- 79956A
- 89A27B
- 99AF8D
- AABCA0
- BAC9B2
- CBD6C5
- DCE4D8
- EDF1EB
셰이드
- 4D6B3C
- 415A32
- 354A28
- 293B1E
- 1E2C15
- 131E0D
- 091105
- 030502
- 000100
톤
- 5E7D4C
- 627D53
- 667E59
- 6A7E5E
- 6D7E64
- 717F6A
- 757F6F
- 798075
- 7C807B
색 조화
보색 +180°
- 5A7C46
Mossy Green
- 846094
≈ Swiss Lilac
유사색 -30° +30°
- 5A7C46
Mossy Green
- 787330
≈ Wood Garlic
- 368163
≈ Dream Green
삼각 배색 +120° +240°
- 5A7C46
Mossy Green
- 4C73A3
≈ Great Serpent
- 9D5A60
≈ Ruby Crystal
분열 보색 +150° +210°
- 5A7C46
Mossy Green
- 6B69A2
≈ Inner Journey
- 955B7D
≈ Immortality
사각 배색 +90° +180° +270°
- 5A7C46
Mossy Green
- 287B97
≈ Turkish Stone
- 846094
≈ Swiss Lilac
- 9B5F44
≈ Vintage Copper
대비 및 접근성
Ag
AA흰색 위
WCAG 4.76:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.40:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 4.76:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--mossy-green: #5a7c46;
--mossy-green-rgb: 90 124 70;
--mossy-green-oklch: oklch(0.546 0.088 134.7);
}
.element {
color: var(--mossy-green);
background-color: hsl(98 28% 38%);
border-color: oklch(0.546 0.088 134.7);
}Tailwind CSS v4
@theme {
--color-mossy-green: #5a7c46;
--color-mossy-green-50: #eafce3;
--color-mossy-green-100: #dbefd2;
--color-mossy-green-200: #c3deb9;
--color-mossy-green-300: #a3c296;
--color-mossy-green-400: #88aa75;
--color-mossy-green-500: #6d9356;
--color-mossy-green-600: #5c7d49;
--color-mossy-green-700: #4a643a;
--color-mossy-green-800: #364928;
--color-mossy-green-900: #25331b;
--color-mossy-green-950: #141e0b;
}SCSS
$mossy-green: #5a7c46;
$mossy-green-rgb: 90, 124, 70;
$mossy-green-light: mix(#fff, $mossy-green, 20%);
$mossy-green-dark: mix(#000, $mossy-green, 20%);
.element {
color: $mossy-green;
box-shadow: 0 0 0 2px rgba($mossy-green, 0.35);
}