이름 색상 · #8C7553
Earthquake
Earthquake은(는) #8C7553: rgb(140 117 83), hsl(36 26% 44%), oklch(0.576 0.056 77). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Earthquake color name →
#8C7553
oklch(0.576 0.056 77)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 978263
- A28F74
- AD9D84
- B9AA95
- C4B8A6
- D0C6B8
- DBD4C9
- E7E2DB
- F3F0ED
셰이드
- 796547
- 67553B
- 554630
- 433725
- 33291B
- 231C11
- 140F08
- 070502
- 010100
톤
- 8B7658
- 8A775D
- 897961
- 877A66
- 867B6A
- 857C6F
- 847D73
- 837E77
- 817F7C
색 조화
보색 +180°
- 8C7553
Earthquake
- 647B9A
≈ Indigo Dreams
유사색 -30° +30°
- 8C7553
Earthquake
- 956F5D
≈ Milk Coffee Brown
- 7C7C54
≈ Seaweed Salad
삼각 배색 +120° +240°
- 8C7553
Earthquake
- 4F8484
≈ Rainier Blue
- 876F8F
≈ Greyish Purple
분열 보색 +150° +210°
- 8C7553
Earthquake
- 548093
≈ Technical Blue
- 767499
≈ Kimono Violet
사각 배색 +90° +180° +270°
- 8C7553
Earthquake
- 588472
≈ Frosty Spruce
- 647B9A
≈ Indigo Dreams
- 926C7F
≈ Strikemaster
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.38:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.78:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.78:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
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);
}