이름 색상 · #876E59
Mill Creek
Mill Creek은(는) #876E59: rgb(135 110 89), hsl(27 21% 44%), oklch(0.557 0.044 61.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Mill Creek color name →
#876E59
oklch(0.557 0.044 61.7)
색상 변환
- HEX
- #876e59
- RGB
- rgb(135 110 89)
- HSL
- hsl(27 21% 44%)
- HWB
- hwb(27 35% 47%)
- OKLCH
- oklch(0.557 0.044 61.7)
- OKLab
- oklab(0.557 0.021 0.039)
- CIE Lab
- lab(48.48 7.83 15.66)
- LCH
- lch(48.48 17.51 63.5)
- CMYK
- cmyk(0% 19% 34% 47%)
틴트 · 셰이드 · 톤
틴트
- 937C68
- 9E8978
- AA9788
- B6A698
- C2B4A9
- CEC3BA
- DAD1CB
- E6E0DC
- F3F0ED
셰이드
- 755F4C
- 635040
- 514134
- 413328
- 31261D
- 211913
- 130E09
- 060403
- 010100
톤
- 86705D
- 867261
- 857465
- 857569
- 84776D
- 837971
- 827B74
- 827C78
- 817E7C
색 조화
보색 +180°
- 876E59
Mill Creek
- 5D778C
≈ Titanium Blue
유사색 -30° +30°
- 876E59
Mill Creek
- 8C6A63
≈ Western Clay
- 7D7356
≈ Becker Gold
삼각 배색 +120° +240°
- 876E59
Mill Creek
- 567C75
≈ Dull Turquoise
- 786E8A
≈ Nymph’s Delight
분열 보색 +150° +210°
- 876E59
Mill Creek
- 557B83
≈ Sultry Bay
- 6A728E
≈ Deep Larkspur
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 4.76:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.40:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 4.76:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--mill-creek: #876e59;
--mill-creek-rgb: 135 110 89;
--mill-creek-oklch: oklch(0.557 0.044 61.7);
}
.element {
color: var(--mill-creek);
background-color: hsl(27 21% 44%);
border-color: oklch(0.557 0.044 61.7);
}Tailwind CSS v4
@theme {
--color-mill-creek: #876e59;
--color-mill-creek-50: #fff3e8;
--color-mill-creek-100: #f3e5d9;
--color-mill-creek-200: #e2d1c1;
--color-mill-creek-300: #c8b3a0;
--color-mill-creek-400: #b29984;
--color-mill-creek-500: #9c8068;
--color-mill-creek-600: #846c59;
--color-mill-creek-700: #6a5747;
--color-mill-creek-800: #4e3f33;
--color-mill-creek-900: #362b23;
--color-mill-creek-950: #211912;
}SCSS
$mill-creek: #876e59;
$mill-creek-rgb: 135, 110, 89;
$mill-creek-light: mix(#fff, $mill-creek, 20%);
$mill-creek-dark: mix(#000, $mill-creek, 20%);
.element {
color: $mill-creek;
box-shadow: 0 0 0 2px rgba($mill-creek, 0.35);
}