이름 색상 · #94897C
Art District
Art District은(는) #94897C: rgb(148 137 124), hsl(32 10% 53%), oklch(0.636 0.023 72). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Art District color name →
#94897C
oklch(0.636 0.023 72)
색상 변환
- HEX
- #94897c
- RGB
- rgb(148 137 124)
- HSL
- hsl(32 10% 53%)
- HWB
- hwb(32 49% 42%)
- OKLCH
- oklch(0.636 0.023 72)
- OKLab
- oklab(0.636 0.007 0.022)
- CIE Lab
- lab(57.79 2.57 8.57)
- LCH
- lch(57.79 8.94 73.3)
- CMYK
- cmyk(0% 7% 16% 42%)
틴트 · 셰이드 · 톤
틴트
- 9E9488
- A9A095
- B3ABA2
- BEB7AE
- C8C2BC
- D3CEC9
- DEDAD6
- E9E6E4
- F4F3F1
셰이드
- 80766B
- 6D645A
- 5A534A
- 48423B
- 36312C
- 26221E
- 161411
- 080705
- 010101
톤
- 92887C
- 90877D
- 8E867D
- 8C857E
- 8A857E
- 88847F
- 86837F
- 84827F
- 828180
색 조화
보색 +180°
- 94897C
Art District
- 818C99
≈ River Tour
유사색 -30° +30°
- 94897C
Art District
- 988780
≈ Cantankerous Hippo
- 8D8C7C
≈ Meander
삼각 배색 +120° +240°
- 94897C
Art District
- 7C908E
≈ Castaway Cove
- 908795
≈ Smokey Lilac
분열 보색 +150° +210°
- 94897C
Art District
- 7C8E95
≈ Denim Drift
- 888A99
≈ Dusty Chimney
사각 배색 +90° +180° +270°
- 94897C
Art District
- 7F9087
≈ Lily Pad Pond
- 818C99
≈ River Tour
- 96868F
≈ Cinema Screen
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.42:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.12:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--art-district: #94897c;
--art-district-rgb: 148 137 124;
--art-district-oklch: oklch(0.636 0.023 72);
}
.element {
color: var(--art-district);
background-color: hsl(32 10% 53%);
border-color: oklch(0.636 0.023 72);
}Tailwind CSS v4
@theme {
--color-art-district: #94897c;
--color-art-district-50: #f9f4ee;
--color-art-district-100: #ede7e0;
--color-art-district-200: #dad3ca;
--color-art-district-300: #bfb6ab;
--color-art-district-400: #a79d90;
--color-art-district-500: #908476;
--color-art-district-600: #7a7064;
--color-art-district-700: #615950;
--color-art-district-800: #48413a;
--color-art-district-900: #322d28;
--color-art-district-950: #1e1a16;
}SCSS
$art-district: #94897c;
$art-district-rgb: 148, 137, 124;
$art-district-light: mix(#fff, $art-district, 20%);
$art-district-dark: mix(#000, $art-district, 20%);
.element {
color: $art-district;
box-shadow: 0 0 0 2px rgba($art-district, 0.35);
}