이름 색상 · #887E48
Green Moss
Green Moss은(는) #887E48: rgb(136 126 72), hsl(51 31% 41%), oklch(0.589 0.075 99.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Green Moss color name →
#887E48
oklch(0.589 0.075 99.1)
색상 변환
- HEX
- #887e48
- RGB
- rgb(136 126 72)
- HSL
- hsl(51 31% 41%)
- HWB
- hwb(51 28% 47%)
- OKLCH
- oklch(0.589 0.075 99.1)
- OKLab
- oklab(0.589 -0.012 0.074)
- CIE Lab
- lab(52.76 -1.91 30.69)
- LCH
- lch(52.76 30.75 93.6)
- CMYK
- cmyk(0% 7% 47% 47%)
틴트 · 셰이드 · 톤
틴트
- 938A5A
- 9F976C
- AAA37E
- B6B090
- C2BDA2
- CECAB4
- DAD7C6
- E6E4D9
- F2F2EC
셰이드
- 756D3D
- 635C33
- 524C29
- 413C1F
- 312D16
- 221F0D
- 131106
- 060502
- 010100
톤
- 877E4F
- 867F55
- 867F5B
- 857F60
- 847F66
- 83806B
- 828071
- 828076
- 81807B
색 조화
보색 +180°
- 887E48
Green Moss
- 7379A9
≈ Minuet Lilac
유사색 -30° +30°
- 887E48
Green Moss
- 9A754B
≈ Sahara Splendour
- 6F8656
≈ Mixedwood Leaf
삼각 배색 +120° +240°
- 887E48
Green Moss
- 44889B
≈ Turquesa
- 9B6C8C
≈ Pink Jazz
분열 보색 +150° +210°
- 887E48
Green Moss
- 5981A8
≈ Sapphired
- 8A719F
≈ Fuji Purple
사각 배색 +90° +180° +270°
- 887E48
Green Moss
- 418B86
≈ Royal Palm
- 7379A9
≈ Minuet Lilac
- A46A74
≈ High Country Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.09:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.12:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.12:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--green-moss: #887e48;
--green-moss-rgb: 136 126 72;
--green-moss-oklch: oklch(0.589 0.075 99.1);
}
.element {
color: var(--green-moss);
background-color: hsl(51 31% 41%);
border-color: oklch(0.589 0.075 99.1);
}Tailwind CSS v4
@theme {
--color-green-moss: #887e48;
--color-green-moss-50: #f9f6de;
--color-green-moss-100: #ede9cd;
--color-green-moss-200: #dbd6b1;
--color-green-moss-300: #bfb98d;
--color-green-moss-400: #a9a06c;
--color-green-moss-500: #92874a;
--color-green-moss-600: #7c7240;
--color-green-moss-700: #635b33;
--color-green-moss-800: #4a4323;
--color-green-moss-900: #332e17;
--color-green-moss-950: #1f1b08;
}SCSS
$green-moss: #887e48;
$green-moss-rgb: 136, 126, 72;
$green-moss-light: mix(#fff, $green-moss, 20%);
$green-moss-dark: mix(#000, $green-moss, 20%);
.element {
color: $green-moss;
box-shadow: 0 0 0 2px rgba($green-moss, 0.35);
}