이름 색상 · #A89373
Earthenware
Earthenware은(는) #A89373: rgb(168 147 115), hsl(36 23% 55%), oklch(0.674 0.051 78.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Earthenware color name →
#A89373
oklch(0.674 0.051 78.1)
색상 변환
- HEX
- #a89373
- RGB
- rgb(168 147 115)
- HSL
- hsl(36 23% 55%)
- HWB
- hwb(36 45% 34%)
- OKLCH
- oklch(0.674 0.051 78.1)
- OKLab
- oklab(0.674 0.011 0.05)
- CIE Lab
- lab(62.23 4.47 20.03)
- LCH
- lch(62.23 20.53 77.4)
- CMYK
- cmyk(0% 13% 32% 34%)
틴트 · 셰이드 · 톤
틴트
- B09D80
- B9A88E
- C2B29C
- CABDA9
- D3C8B7
- DCD3C5
- E4DED4
- EDE9E2
- F6F4F0
셰이드
- 927F63
- 7C6C54
- 675945
- 524736
- 3F3628
- 2C251B
- 1A160F
- 0A0805
- 010101
톤
- A49175
- A08F76
- 9C8D77
- 988C79
- 948A7A
- 90887B
- 8C867D
- 88847E
- 84827F
색 조화
보색 +180°
- A89373
Earthenware
- 8398B6
≈ Denim Tradition
유사색 -30° +30°
- A89373
Earthenware
- B28D7B
≈ Magnitude
- 999975
≈ Silk Road
삼각 배색 +120° +240°
- A89373
Earthenware
- 71A0A2
≈ Delaware Blue Hen
- A48DAB
≈ Aged to Perfection
분열 보색 +150° +210°
- A89373
Earthenware
- 759DB0
≈ Meetinghouse Blue
- 9492B5
≈ Extinct
사각 배색 +90° +180° +270°
- A89373
Earthenware
- 78A190
≈ Mizuasagi Green
- 8398B6
≈ Denim Tradition
- AF8A9C
≈ Orchid Haze
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.96:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.08:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.08:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--earthenware: #a89373;
--earthenware-rgb: 168 147 115;
--earthenware-oklch: oklch(0.674 0.051 78.1);
}
.element {
color: var(--earthenware);
background-color: hsl(36 23% 55%);
border-color: oklch(0.674 0.051 78.1);
}Tailwind CSS v4
@theme {
--color-earthenware: #a89373;
--color-earthenware-50: #fdf4e5;
--color-earthenware-100: #f1e6d5;
--color-earthenware-200: #e0d2bc;
--color-earthenware-300: #c5b59a;
--color-earthenware-400: #af9b7d;
--color-earthenware-500: #99825f;
--color-earthenware-600: #816e51;
--color-earthenware-700: #685841;
--color-earthenware-800: #4d402e;
--color-earthenware-900: #352c1f;
--color-earthenware-950: #20190f;
}SCSS
$earthenware: #a89373;
$earthenware-rgb: 168, 147, 115;
$earthenware-light: mix(#fff, $earthenware, 20%);
$earthenware-dark: mix(#000, $earthenware, 20%);
.element {
color: $earthenware;
box-shadow: 0 0 0 2px rgba($earthenware, 0.35);
}