이름 색상 · #A29371
Gristmill
Gristmill은(는) #A29371: rgb(162 147 113), hsl(42 21% 54%), oklch(0.668 0.051 87). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Gristmill color name →
#A29371
oklch(0.668 0.051 87)
색상 변환
- HEX
- #a29371
- RGB
- rgb(162 147 113)
- HSL
- hsl(42 21% 54%)
- HWB
- hwb(42 44% 36%)
- OKLCH
- oklch(0.668 0.051 87)
- OKLab
- oklab(0.668 0.003 0.051)
- CIE Lab
- lab(61.62 1.8 20.2)
- LCH
- lch(61.62 20.28 84.9)
- CMYK
- cmyk(0% 9% 30% 36%)
틴트 · 셰이드 · 톤
틴트
- AB9D7F
- B4A88C
- BDB29A
- C6BDA8
- D0C8B6
- D9D3C5
- E2DED3
- ECE9E2
- F5F4F0
셰이드
- 8C7F61
- 776C52
- 635943
- 4F4735
- 3C3627
- 2A251A
- 19160E
- 0A0804
- 010101
톤
- 9F9173
- 9B8F74
- 988D76
- 948C78
- 918A79
- 8D887B
- 8A867C
- 87847D
- 83827F
색 조화
보색 +180°
- A29371
Gristmill
- 8694B5
≈ Denim Tradition
유사색 -30° +30°
- A29371
Gristmill
- AD8D76
≈ Cantankerous Coyote
- 929976
≈ Herbal Scent
삼각 배색 +120° +240°
- A29371
Gristmill
- 6F9EA4
≈ Voyage
- A68AA5
≈ Plum Perfume
분열 보색 +150° +210°
- A29371
Gristmill
- 779AB0
≈ Post Boy
- 978EB1
≈ Purple Agate
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.02:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.94:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 6.94:1 (AA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--gristmill: #a29371;
--gristmill-rgb: 162 147 113;
--gristmill-oklch: oklch(0.668 0.051 87);
}
.element {
color: var(--gristmill);
background-color: hsl(42 21% 54%);
border-color: oklch(0.668 0.051 87);
}Tailwind CSS v4
@theme {
--color-gristmill: #a29371;
--color-gristmill-50: #fbf5e5;
--color-gristmill-100: #efe7d5;
--color-gristmill-200: #ddd4bc;
--color-gristmill-300: #c2b79a;
--color-gristmill-400: #ab9d7d;
--color-gristmill-500: #95845f;
--color-gristmill-600: #7e7051;
--color-gristmill-700: #655a40;
--color-gristmill-800: #4a412e;
--color-gristmill-900: #342d1f;
--color-gristmill-950: #1f1a0f;
}SCSS
$gristmill: #a29371;
$gristmill-rgb: 162, 147, 113;
$gristmill-light: mix(#fff, $gristmill, 20%);
$gristmill-dark: mix(#000, $gristmill, 20%);
.element {
color: $gristmill;
box-shadow: 0 0 0 2px rgba($gristmill, 0.35);
}