가장 가까운 이름 색상 · #885A4B
#885A4B
가장 가까운 이름 색상: Root Beer
#885A4B(rgb(136 90 75), hsl(15 29% 41%), oklch(0.514 0.066 38.8))와 가장 가까운 이름 색상은 Root Beer입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#885A4B
oklch(0.514 0.066 38.8)
색상 변환
- HEX
- #885a4b
- RGB
- rgb(136 90 75)
- HSL
- hsl(15 29% 41%)
- HWB
- hwb(15 29% 47%)
- OKLCH
- oklch(0.514 0.066 38.8)
- OKLab
- oklab(0.514 0.051 0.041)
- CIE Lab
- lab(43.11 18.11 16.8)
- LCH
- lch(43.11 24.71 42.9)
- CMYK
- cmyk(0% 34% 45% 47%)
틴트 · 셰이드 · 톤
틴트
- 94695C
- A0796C
- AC897E
- B8998F
- C4AAA1
- CFBAB3
- DBCBC6
- E7DCD9
- F3EDEC
셰이드
- 754D40
- 634135
- 52352B
- 412921
- 311E17
- 22130E
- 130906
- 060302
- 010000
톤
- 885E50
- 876256
- 87665B
- 866A60
- 856D66
- 84716B
- 847570
- 827975
- 817C7B
색 조화
보색 +180°
- 885A4B
Root Beer
- 367081
≈ Grand Rapids
유사색 -30° +30°
- 885A4B
Root Beer
- 88575F
≈ Renaissance Rose
- 80603C
≈ Coyote Brown
삼각 배색 +120° +240°
- 885A4B
Root Beer
- 457359
≈ Fairway
- 5F638D
≈ Twilight Purple
분열 보색 +150° +210°
- 885A4B
Root Beer
- 34736F
≈ Jungle Noises
- 496A8B
≈ Revel Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.81:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.61:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--root-beer: #885a4b;
--root-beer-rgb: 136 90 75;
--root-beer-oklch: oklch(0.514 0.066 38.8);
}
.element {
color: var(--root-beer);
background-color: hsl(15 29% 41%);
border-color: oklch(0.514 0.066 38.8);
}Tailwind CSS v4
@theme {
--color-root-beer: #885a4b;
--color-root-beer-50: #ffefe7;
--color-root-beer-100: #fce1d8;
--color-root-beer-200: #eeccbf;
--color-root-beer-300: #d6ad9e;
--color-root-beer-400: #c19282;
--color-root-beer-500: #ac7766;
--color-root-beer-600: #926557;
--color-root-beer-700: #755145;
--color-root-beer-800: #573a32;
--color-root-beer-900: #3c2822;
--color-root-beer-950: #261611;
}SCSS
$root-beer: #885a4b;
$root-beer-rgb: 136, 90, 75;
$root-beer-light: mix(#fff, $root-beer, 20%);
$root-beer-dark: mix(#000, $root-beer, 20%);
.element {
color: $root-beer;
box-shadow: 0 0 0 2px rgba($root-beer, 0.35);
}