이름 색상 · #AFAB97
Moss Grey
Moss Grey은(는) #AFAB97: rgb(175 171 151), hsl(50 13% 64%), oklch(0.739 0.028 97.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Moss Grey color name →
#AFAB97
oklch(0.739 0.028 97.7)
색상 변환
- HEX
- #afab97
- RGB
- rgb(175 171 151)
- HSL
- hsl(50 13% 64%)
- HWB
- hwb(50 59% 31%)
- OKLCH
- oklch(0.739 0.028 97.7)
- OKLab
- oklab(0.739 -0.004 0.028)
- CIE Lab
- lab(69.9 -1.11 10.88)
- LCH
- lch(69.9 10.94 95.8)
- CMYK
- cmyk(0% 2% 14% 31%)
틴트 · 셰이드 · 톤
틴트
- B7B3A1
- BFBBAB
- C6C4B5
- CECCC0
- D6D4CA
- DEDDD4
- E6E5DF
- EFEEEA
- F7F6F4
셰이드
- 989483
- 817E6F
- 6B685C
- 565449
- 414037
- 2E2D26
- 1C1B17
- 0B0B08
- 010101
톤
- AAA795
- A5A292
- A19E90
- 9C9A8E
- 97958C
- 929189
- 8E8D87
- 898885
- 858482
색 조화
보색 +180°
- AFAB97
Moss Grey
- A6A9BD
≈ Cream Violet
유사색 -30° +30°
- AFAB97
Moss Grey
- B7A898
≈ Ginger Grey Yellow
- A5AE9B
≈ Limestone Green
삼각 배색 +120° +240°
- AFAB97
Moss Grey
- 97AFB6
≈ Mountain Stream
- B7A4B1
≈ Buckwheat Mauve
분열 보색 +150° +210°
- AFAB97
Moss Grey
- 9DADBC
≈ Soaring Eagle
- AFA6B9
≈ Morning Mist Grey
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.30:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.09:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--moss-grey: #afab97;
--moss-grey-rgb: 175 171 151;
--moss-grey-oklch: oklch(0.739 0.028 97.7);
}
.element {
color: var(--moss-grey);
background-color: hsl(50 13% 64%);
border-color: oklch(0.739 0.028 97.7);
}Tailwind CSS v4
@theme {
--color-moss-grey: #afab97;
--color-moss-grey-50: #f7f5ec;
--color-moss-grey-100: #eae8de;
--color-moss-grey-200: #d7d5c7;
--color-moss-grey-300: #bab8a8;
--color-moss-grey-400: #a39f8c;
--color-moss-grey-500: #8b8771;
--color-moss-grey-600: #767260;
--color-moss-grey-700: #5e5b4d;
--color-moss-grey-800: #454237;
--color-moss-grey-900: #302e26;
--color-moss-grey-950: #1c1b14;
}SCSS
$moss-grey: #afab97;
$moss-grey-rgb: 175, 171, 151;
$moss-grey-light: mix(#fff, $moss-grey, 20%);
$moss-grey-dark: mix(#000, $moss-grey, 20%);
.element {
color: $moss-grey;
box-shadow: 0 0 0 2px rgba($moss-grey, 0.35);
}