이름 색상 · #834831
Hammered Copper
Hammered Copper은(는) #834831: rgb(131 72 49), hsl(17 46% 35%), oklch(0.468 0.088 41.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Hammered Copper color name →
#834831
oklch(0.468 0.088 41.7)
색상 변환
- HEX
- #834831
- RGB
- rgb(131 72 49)
- HSL
- hsl(17 46% 35%)
- HWB
- hwb(17 19% 49%)
- OKLCH
- oklch(0.468 0.088 41.7)
- OKLab
- oklab(0.468 0.066 0.059)
- CIE Lab
- lab(37.63 24.11 25.2)
- LCH
- lch(37.63 34.88 46.3)
- CMYK
- cmyk(0% 45% 63% 49%)
틴트 · 셰이드 · 톤
틴트
- 905944
- 9D6B58
- A97C6B
- B68E7F
- C2A094
- CEB3A8
- DBC5BE
- E7D8D3
- F3ECE9
셰이드
- 713D29
- 603322
- 4F291A
- 3F1F13
- 2F160C
- 200D06
- 120603
- 060201
- 010000
톤
- 834E39
- 845441
- 845A49
- 845F51
- 846559
- 836A61
- 837069
- 827570
- 817B78
색 조화
보색 +180°
- 834831
Hammered Copper
- 00647C
≈ Ocean Depths
유사색 -30° +30°
- 834831
Hammered Copper
- 84444D
≈ Red Elegance
- 785118
≈ Trojan Horse Brown
삼각 배색 +120° +240°
- 834831
Hammered Copper
- 20694A
≈ Pumpkin Green
- 52538A
≈ Twilight
분열 보색 +150° +210°
- 834831
Hammered Copper
- 006865
≈ Chinese Garden
- 325D8A
≈ Moroccan Resort
사각 배색 +90° +180° +270°
- 834831
Hammered Copper
- 48642D
≈ Dell
- 00647C
≈ Ocean Depths
- 6A4B7E
≈ Perfectly Purple
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.15:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.93:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--hammered-copper: #834831;
--hammered-copper-rgb: 131 72 49;
--hammered-copper-oklch: oklch(0.468 0.088 41.7);
}
.element {
color: var(--hammered-copper);
background-color: hsl(17 46% 35%);
border-color: oklch(0.468 0.088 41.7);
}Tailwind CSS v4
@theme {
--color-hammered-copper: #834831;
--color-hammered-copper-50: #ffeee1;
--color-hammered-copper-100: #ffdfd1;
--color-hammered-copper-200: #f6c9b6;
--color-hammered-copper-300: #dfa993;
--color-hammered-copper-400: #cb8d75;
--color-hammered-copper-500: #b77257;
--color-hammered-copper-600: #9b614a;
--color-hammered-copper-700: #7c4d3b;
--color-hammered-copper-800: #5c372b;
--color-hammered-copper-900: #41261d;
--color-hammered-copper-950: #29140d;
}SCSS
$hammered-copper: #834831;
$hammered-copper-rgb: 131, 72, 49;
$hammered-copper-light: mix(#fff, $hammered-copper, 20%);
$hammered-copper-dark: mix(#000, $hammered-copper, 20%);
.element {
color: $hammered-copper;
box-shadow: 0 0 0 2px rgba($hammered-copper, 0.35);
}