이름 색상 · #A85E39
Earthen Jug
Earthen Jug은(는) #A85E39: rgb(168 94 57), hsl(20 49% 44%), oklch(0.56 0.109 46.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Earthen Jug color name →
#A85E39
oklch(0.56 0.109 46.2)
색상 변환
- HEX
- #a85e39
- RGB
- rgb(168 94 57)
- HSL
- hsl(20 49% 44%)
- HWB
- hwb(20 22% 34%)
- OKLCH
- oklch(0.56 0.109 46.2)
- OKLab
- oklab(0.56 0.076 0.079)
- CIE Lab
- lab(48.24 28.49 34.61)
- LCH
- lch(48.24 44.83 50.5)
- CMYK
- cmyk(0% 44% 66% 34%)
틴트 · 셰이드 · 톤
틴트
- B26E4D
- BB7E60
- C48D74
- CD9D87
- D6AD9A
- DFBDAE
- E7CEC2
- EFDED6
- F7EEEA
셰이드
- 925130
- 7C4428
- 67371F
- 522B17
- 3F1F10
- 2C1409
- 1A0A04
- 0A0301
- 010000
톤
- A56241
- A16649
- 9E6A51
- 9A6D58
- 96715F
- 927466
- 8E776C
- 8A7A73
- 857D7A
색 조화
보색 +180°
- A85E39
Earthen Jug
- 0080A4
≈ Kingfisher Sheen
유사색 -30° +30°
- A85E39
Earthen Jug
- AB575E
≈ Grenadine
- 996A17
≈ Mandolin
삼각 배색 +120° +240°
- A85E39
Earthen Jug
- 198866
≈ Celtic Queen
- 706AB1
≈ Clear Mauve
분열 보색 +150° +210°
- A85E39
Earthen Jug
- 008587
≈ Bay Teal
- 4776B3
≈ Petrel
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 4.85:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.32:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.85:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--earthen-jug: #a85e39;
--earthen-jug-rgb: 168 94 57;
--earthen-jug-oklch: oklch(0.56 0.109 46.2);
}
.element {
color: var(--earthen-jug);
background-color: hsl(20 49% 44%);
border-color: oklch(0.56 0.109 46.2);
}Tailwind CSS v4
@theme {
--color-earthen-jug: #a85e39;
--color-earthen-jug-50: #ffeddb;
--color-earthen-jug-100: #ffdec9;
--color-earthen-jug-200: #fcc7ac;
--color-earthen-jug-300: #e6a786;
--color-earthen-jug-400: #d48a66;
--color-earthen-jug-500: #c06d43;
--color-earthen-jug-600: #a35d3a;
--color-earthen-jug-700: #834a2e;
--color-earthen-jug-800: #613521;
--color-earthen-jug-900: #442416;
--color-earthen-jug-950: #2c1307;
}SCSS
$earthen-jug: #a85e39;
$earthen-jug-rgb: 168, 94, 57;
$earthen-jug-light: mix(#fff, $earthen-jug, 20%);
$earthen-jug-dark: mix(#000, $earthen-jug, 20%);
.element {
color: $earthen-jug;
box-shadow: 0 0 0 2px rgba($earthen-jug, 0.35);
}