Colore con nome · #834831
Hammered Copper
Hammered Copper è #834831: rgb(131 72 49), hsl(17 46% 35%), oklch(0.468 0.088 41.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Hammered Copper color name →
#834831
oklch(0.468 0.088 41.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 905944
- 9D6B58
- A97C6B
- B68E7F
- C2A094
- CEB3A8
- DBC5BE
- E7D8D3
- F3ECE9
Ombre
- 713D29
- 603322
- 4F291A
- 3F1F13
- 2F160C
- 200D06
- 120603
- 060201
- 010000
Toni
- 834E39
- 845441
- 845A49
- 845F51
- 846559
- 836A61
- 837069
- 827570
- 817B78
Armonie di colore
Complementare +180°
- 834831
Hammered Copper
- 00647C
≈ Ocean Depths
Analogo -30° +30°
- 834831
Hammered Copper
- 84444D
≈ Red Elegance
- 785118
≈ Trojan Horse Brown
Triadico +120° +240°
- 834831
Hammered Copper
- 20694A
≈ Pumpkin Green
- 52538A
≈ Twilight
Complementare divisa +150° +210°
- 834831
Hammered Copper
- 006865
≈ Chinese Garden
- 325D8A
≈ Moroccan Resort
Tetradico +90° +180° +270°
- 834831
Hammered Copper
- 48642D
≈ Dell
- 00647C
≈ Ocean Depths
- 6A4B7E
≈ Perfectly Purple
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.15:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.93:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
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);
}