Màu có tên · #A85E39
Earthen Jug
Earthen Jug là #A85E39: rgb(168 94 57), hsl(20 49% 44%), oklch(0.56 0.109 46.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Brown mean? → · Earthen Jug color name →
#A85E39
oklch(0.56 0.109 46.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B26E4D
- BB7E60
- C48D74
- CD9D87
- D6AD9A
- DFBDAE
- E7CEC2
- EFDED6
- F7EEEA
Sắc đậm
- 925130
- 7C4428
- 67371F
- 522B17
- 3F1F10
- 2C1409
- 1A0A04
- 0A0301
- 010000
Sắc xám
- A56241
- A16649
- 9E6A51
- 9A6D58
- 96715F
- 927466
- 8E776C
- 8A7A73
- 857D7A
Hòa sắc
Bổ túc +180°
- A85E39
Earthen Jug
- 0080A4
≈ Kingfisher Sheen
Tương đồng -30° +30°
- A85E39
Earthen Jug
- AB575E
≈ Grenadine
- 996A17
≈ Mandolin
Bộ ba +120° +240°
- A85E39
Earthen Jug
- 198866
≈ Celtic Queen
- 706AB1
≈ Clear Mauve
Bổ túc chia +150° +210°
- A85E39
Earthen Jug
- 008587
≈ Bay Teal
- 4776B3
≈ Petrel
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.85:1 · APCA Lc 73
Ag
FailTrên nền đen
WCAG 4.32:1 · APCA Lc 28
Màu chữ tốt nhất: #FFFFFF
WCAG 4.85:1 (AA) · APCA Lc 73
Contrast pairs
Đoạn mã
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);
}