가장 가까운 이름 색상 · #80716D
#80716D
가장 가까운 이름 색상: Acoustic Brown
#80716D(rgb(128 113 109), hsl(13 8% 46%), oklch(0.561 0.02 35.3))와 가장 가까운 이름 색상은 Acoustic Brown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#80716D
oklch(0.561 0.02 35.3)
색상 변환
- HEX
- #80716d
- RGB
- rgb(128 113 109)
- HSL
- hsl(13 8% 46%)
- HWB
- hwb(13 43% 50%)
- OKLCH
- oklch(0.561 0.02 35.3)
- OKLab
- oklab(0.561 0.016 0.011)
- CIE Lab
- lab(48.97 5.51 4.48)
- LCH
- lch(48.97 7.11 39.1)
- CMYK
- cmyk(0% 12% 15% 50%)
틴트 · 셰이드 · 톤
틴트
- 8C7E7B
- 988C88
- A59996
- B1A7A5
- BEB5B3
- CAC4C2
- D7D2D1
- E4E1E0
- F2F0EF
셰이드
- 6E615E
- 5D524F
- 4D4341
- 3D3533
- 2E2726
- 1F1A19
- 120E0D
- 060404
- 010101
톤
- 80736F
- 807471
- 807673
- 807775
- 807976
- 807A78
- 807C7A
- 807D7C
- 807F7E
색 조화
보색 +180°
- 80716D
Acoustic Brown
- 68787C
≈ Night Rendezvous
유사색 -30° +30°
- 80716D
Acoustic Brown
- 807073
≈ Royal Raisin
- 7D7369
≈ Aumbry
삼각 배색 +120° +240°
- 80716D
Acoustic Brown
- 6C7970
≈ Arctic Lichen Green
- 717481
≈ Overlook
분열 보색 +150° +210°
- 80716D
Acoustic Brown
- 687976
≈ Trade Secret
- 6C7680
≈ Sheffield Grey
사각 배색 +90° +180° +270°
- 80716D
Acoustic Brown
- 72776B
≈ Armoured Steel
- 68787C
≈ Night Rendezvous
- 77727E
≈ Pearl Blackberry
대비 및 접근성
Ag
AA흰색 위
WCAG 4.66:1 · APCA Lc 72
Ag
AA검은색 위
WCAG 4.50:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--acoustic-brown: #80716d;
--acoustic-brown-rgb: 128 113 109;
--acoustic-brown-oklch: oklch(0.561 0.02 35.3);
}
.element {
color: var(--acoustic-brown);
background-color: hsl(13 8% 46%);
border-color: oklch(0.561 0.02 35.3);
}Tailwind CSS v4
@theme {
--color-acoustic-brown: #80716d;
--color-acoustic-brown-50: #fbf3f1;
--color-acoustic-brown-100: #eee6e3;
--color-acoustic-brown-200: #dcd1ce;
--color-acoustic-brown-300: #c1b4b0;
--color-acoustic-brown-400: #aa9b97;
--color-acoustic-brown-500: #93827d;
--color-acoustic-brown-600: #7c6e6a;
--color-acoustic-brown-700: #635855;
--color-acoustic-brown-800: #49403e;
--color-acoustic-brown-900: #332c2b;
--color-acoustic-brown-950: #1e1918;
}SCSS
$acoustic-brown: #80716d;
$acoustic-brown-rgb: 128, 113, 109;
$acoustic-brown-light: mix(#fff, $acoustic-brown, 20%);
$acoustic-brown-dark: mix(#000, $acoustic-brown, 20%);
.element {
color: $acoustic-brown;
box-shadow: 0 0 0 2px rgba($acoustic-brown, 0.35);
}