이름 색상 · #876044
Chasm
Chasm은(는) #876044: rgb(135 96 68), hsl(25 33% 40%), oklch(0.523 0.065 56.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Chasm color name →
#876044
oklch(0.523 0.065 56.4)
색상 변환
- HEX
- #876044
- RGB
- rgb(135 96 68)
- HSL
- hsl(25 33% 40%)
- HWB
- hwb(25 27% 47%)
- OKLCH
- oklch(0.523 0.065 56.4)
- OKLab
- oklab(0.523 0.036 0.054)
- CIE Lab
- lab(44.41 13.76 22.58)
- LCH
- lch(44.41 26.44 58.6)
- CMYK
- cmyk(0% 29% 50% 47%)
틴트 · 셰이드 · 톤
틴트
- 936F56
- 9F7E67
- AB8D79
- B79D8B
- C2AD9E
- CFBDB1
- DBCDC4
- E7DDD7
- F3EEEB
셰이드
- 75523A
- 634530
- 513826
- 412C1D
- 312014
- 21150C
- 130A05
- 060302
- 010000
톤
- 87634A
- 866751
- 866A57
- 856D5D
- 847063
- 847469
- 83776E
- 827A74
- 817D7A
색 조화
보색 +180°
- 876044
Chasm
- 43708B
≈ Downpour
유사색 -30° +30°
삼각 배색 +120° +240°
- 876044
Chasm
- 3C7669
≈ Green Sleeves
- 6D628B
≈ Posy Purple
분열 보색 +150° +210°
- 876044
Chasm
- 36757D
≈ Ocean Slumber
- 586990
≈ Allegiance
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.54:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.78:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--chasm: #876044;
--chasm-rgb: 135 96 68;
--chasm-oklch: oklch(0.523 0.065 56.4);
}
.element {
color: var(--chasm);
background-color: hsl(25 33% 40%);
border-color: oklch(0.523 0.065 56.4);
}Tailwind CSS v4
@theme {
--color-chasm: #876044;
--color-chasm-50: #fff1e3;
--color-chasm-100: #f9e3d3;
--color-chasm-200: #eaceb9;
--color-chasm-300: #d2b097;
--color-chasm-400: #bd9579;
--color-chasm-500: #a87b5b;
--color-chasm-600: #8e684e;
--color-chasm-700: #72533e;
--color-chasm-800: #543c2d;
--color-chasm-900: #3b291e;
--color-chasm-950: #25170e;
}SCSS
$chasm: #876044;
$chasm-rgb: 135, 96, 68;
$chasm-light: mix(#fff, $chasm, 20%);
$chasm-dark: mix(#000, $chasm, 20%);
.element {
color: $chasm;
box-shadow: 0 0 0 2px rgba($chasm, 0.35);
}