이름 색상 · #A0A089
Potting Moss
Potting Moss은(는) #A0A089: rgb(160 160 137), hsl(60 11% 58%), oklch(0.699 0.032 107.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Potting Moss color name →
#A0A089
oklch(0.699 0.032 107.2)
색상 변환
- HEX
- #a0a089
- RGB
- rgb(160 160 137)
- HSL
- hsl(60 11% 58%)
- HWB
- hwb(60 54% 37%)
- OKLCH
- oklch(0.699 0.032 107.2)
- OKLab
- oklab(0.699 -0.01 0.031)
- CIE Lab
- lab(65.39 -3.04 12.06)
- LCH
- lch(65.39 12.43 104.1)
- CMYK
- cmyk(0% 0% 14% 37%)
틴트 · 셰이드 · 톤
틴트
- A9A994
- B2B2A0
- BCBCAB
- C5C5B7
- CECFC3
- D8D8CE
- E2E2DA
- EBEBE7
- F5F5F3
셰이드
- 8B8B76
- 767664
- 616153
- 4E4E42
- 3B3B31
- 292922
- 191914
- 090907
- 010101
톤
- 9D9D88
- 999A87
- 969686
- 939386
- 909085
- 8D8D84
- 898A83
- 868682
- 838381
색 조화
보색 +180°
- A0A089
Potting Moss
- 9C9CB2
≈ Logan
유사색 -30° +30°
- A0A089
Potting Moss
- AA9C88
≈ Creek Bay
- 95A390
≈ Big Fish
삼각 배색 +120° +240°
- A0A089
Potting Moss
- 8AA3AE
≈ Blue Alps
- AE96A2
≈ Legendary Lilac
분열 보색 +150° +210°
- A0A089
Potting Moss
- 929FB3
≈ Foghorn
- A798AC
≈ Pink Orthoclase
사각 배색 +90° +180° +270°
- A0A089
Potting Moss
- 87A5A5
≈ Venus Teal
- 9C9CB2
≈ Logan
- B29797
≈ Hazy Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.66:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.88:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.88:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
CSS
:root {
--potting-moss: #a0a089;
--potting-moss-rgb: 160 160 137;
--potting-moss-oklch: oklch(0.699 0.032 107.2);
}
.element {
color: var(--potting-moss);
background-color: hsl(60 11% 58%);
border-color: oklch(0.699 0.032 107.2);
}Tailwind CSS v4
@theme {
--color-potting-moss: #a0a089;
--color-potting-moss-50: #f5f6ec;
--color-potting-moss-100: #e8e9dd;
--color-potting-moss-200: #d5d6c6;
--color-potting-moss-300: #b8b9a6;
--color-potting-moss-400: #a0a08a;
--color-potting-moss-500: #88886f;
--color-potting-moss-600: #73735e;
--color-potting-moss-700: #5c5c4b;
--color-potting-moss-800: #444336;
--color-potting-moss-900: #2f2e25;
--color-potting-moss-950: #1b1b14;
}SCSS
$potting-moss: #a0a089;
$potting-moss-rgb: 160, 160, 137;
$potting-moss-light: mix(#fff, $potting-moss, 20%);
$potting-moss-dark: mix(#000, $potting-moss, 20%);
.element {
color: $potting-moss;
box-shadow: 0 0 0 2px rgba($potting-moss, 0.35);
}