Màu có tên · #8C7553
Earthquake
Earthquake là #8C7553: rgb(140 117 83), hsl(36 26% 44%), oklch(0.576 0.056 77). 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? → · Earthquake color name →
#8C7553
oklch(0.576 0.056 77)
Chuyển đổi màu
- HEX
- #8c7553
- RGB
- rgb(140 117 83)
- HSL
- hsl(36 26% 44%)
- HWB
- hwb(36 33% 45%)
- OKLCH
- oklch(0.576 0.056 77)
- OKLab
- oklab(0.576 0.013 0.055)
- CIE Lab
- lab(50.82 5.6 22.3)
- LCH
- lch(50.82 23 75.9)
- CMYK
- cmyk(0% 16% 41% 45%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 978263
- A28F74
- AD9D84
- B9AA95
- C4B8A6
- D0C6B8
- DBD4C9
- E7E2DB
- F3F0ED
Sắc đậm
- 796547
- 67553B
- 554630
- 433725
- 33291B
- 231C11
- 140F08
- 070502
- 010100
Sắc xám
- 8B7658
- 8A775D
- 897961
- 877A66
- 867B6A
- 857C6F
- 847D73
- 837E77
- 817F7C
Hòa sắc
Bổ túc +180°
- 8C7553
Earthquake
- 647B9A
≈ Indigo Dreams
Tương đồng -30° +30°
- 8C7553
Earthquake
- 956F5D
≈ Milk Coffee Brown
- 7C7C54
≈ Seaweed Salad
Bộ ba +120° +240°
- 8C7553
Earthquake
- 4F8484
≈ Rainier Blue
- 876F8F
≈ Greyish Purple
Bổ túc chia +150° +210°
- 8C7553
Earthquake
- 548093
≈ Technical Blue
- 767499
≈ Kimono Violet
Bộ bốn +90° +180° +270°
- 8C7553
Earthquake
- 588472
≈ Frosty Spruce
- 647B9A
≈ Indigo Dreams
- 926C7F
≈ Strikemaster
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.38:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.78:1 · APCA Lc 31
Màu chữ tốt nhất: #000000
WCAG 4.78:1 (AA) · APCA Lc 31
Contrast pairs
Đoạn mã
CSS
:root {
--earthquake: #8c7553;
--earthquake-rgb: 140 117 83;
--earthquake-oklch: oklch(0.576 0.056 77);
}
.element {
color: var(--earthquake);
background-color: hsl(36 26% 44%);
border-color: oklch(0.576 0.056 77);
}Tailwind CSS v4
@theme {
--color-earthquake: #8c7553;
--color-earthquake-50: #fef4e4;
--color-earthquake-100: #f2e6d3;
--color-earthquake-200: #e1d2ba;
--color-earthquake-300: #c7b598;
--color-earthquake-400: #b19b79;
--color-earthquake-500: #9b825b;
--color-earthquake-600: #836e4e;
--color-earthquake-700: #69583e;
--color-earthquake-800: #4e402c;
--color-earthquake-900: #362c1e;
--color-earthquake-950: #21190e;
}SCSS
$earthquake: #8c7553;
$earthquake-rgb: 140, 117, 83;
$earthquake-light: mix(#fff, $earthquake, 20%);
$earthquake-dark: mix(#000, $earthquake, 20%);
.element {
color: $earthquake;
box-shadow: 0 0 0 2px rgba($earthquake, 0.35);
}