가장 가까운 이름 색상 · #875523
#875523
가장 가까운 이름 색상: Precious Copper
#875523(rgb(135 85 35), hsl(30 59% 33%), oklch(0.496 0.093 62.5))와 가장 가까운 이름 색상은 Precious Copper입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#875523
oklch(0.496 0.093 62.5)
색상 변환
- HEX
- #875523
- RGB
- rgb(135 85 35)
- HSL
- hsl(30 59% 33%)
- HWB
- hwb(30 14% 47%)
- OKLCH
- oklch(0.496 0.093 62.5)
- OKLab
- oklab(0.496 0.043 0.082)
- CIE Lab
- lab(41.22 18.03 36.99)
- LCH
- lch(41.22 41.15 64)
- CMYK
- cmyk(0% 37% 74% 47%)
틴트 · 셰이드 · 톤
틴트
- 93653A
- 9F7550
- AB8665
- B7977A
- C3A790
- CFB9A5
- DBCABB
- E7DBD2
- F3EDE8
셰이드
- 75491D
- 633D17
- 513111
- 41260C
- 311C07
- 211104
- 130801
- 060200
- 010000
톤
- 875A2F
- 865E39
- 866343
- 86674C
- 856B55
- 84705E
- 837467
- 82786F
- 817C78
색 조화
보색 +180°
- 875523
Precious Copper
- 2B6892
≈ Starry Night
유사색 -30° +30°
- 875523
Precious Copper
- 8F4D3F
≈ Burled Redwood
- 756016
≈ Brassy Brass
삼각 배색 +120° +240°
- 875523
Precious Copper
- 007266
≈ Pharaoh’s Gem
- 6C548E
≈ Pure Mauve
분열 보색 +150° +210°
- 875523
Precious Copper
- 006F7F
≈ Coastal Jetty
- 505E97
≈ Royal Marquis
사각 배색 +90° +180° +270°
- 875523
Precious Copper
- 337148
≈ Parsley Sprig
- 2B6892
≈ Starry Night
- 814D79
≈ Graphic Grape
대비 및 접근성
Ag
AA흰색 위
WCAG 6.26:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.35:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--precious-copper: #875523;
--precious-copper-rgb: 135 85 35;
--precious-copper-oklch: oklch(0.496 0.093 62.5);
}
.element {
color: var(--precious-copper);
background-color: hsl(30 59% 33%);
border-color: oklch(0.496 0.093 62.5);
}Tailwind CSS v4
@theme {
--color-precious-copper: #875523;
--color-precious-copper-50: #fff0da;
--color-precious-copper-100: #ffe2c8;
--color-precious-copper-200: #f1cdac;
--color-precious-copper-300: #d9ae86;
--color-precious-copper-400: #c69264;
--color-precious-copper-500: #b27840;
--color-precious-copper-600: #966538;
--color-precious-copper-700: #78512c;
--color-precious-copper-800: #5a3a1f;
--color-precious-copper-900: #3f2814;
--color-precious-copper-950: #281606;
}SCSS
$precious-copper: #875523;
$precious-copper-rgb: 135, 85, 35;
$precious-copper-light: mix(#fff, $precious-copper, 20%);
$precious-copper-dark: mix(#000, $precious-copper, 20%);
.element {
color: $precious-copper;
box-shadow: 0 0 0 2px rgba($precious-copper, 0.35);
}