Colore con nome · #73372D
Beaten Copper
Beaten Copper è #73372D: rgb(115 55 45), hsl(9 44% 31%), oklch(0.413 0.087 30.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Beaten Copper color name →
#73372D
oklch(0.413 0.087 30.9)
Conversioni di colore
- HEX
- #73372d
- RGB
- rgb(115 55 45)
- HSL
- hsl(9 44% 31%)
- HWB
- hwb(9 18% 55%)
- OKLCH
- oklch(0.413 0.087 30.9)
- OKLab
- oklab(0.413 0.075 0.045)
- CIE Lab
- lab(31.14 26.28 19.07)
- LCH
- lch(31.14 32.47 36)
- CMYK
- cmyk(0% 52% 61% 55%)
Tinte · Ombre · Toni
Tinte
- 814A40
- 905D53
- 9E7067
- AC837B
- BA9790
- C8ABA5
- D6C0BB
- E4D4D1
- F1EAE8
Ombre
- 632E26
- 54261F
- 451E18
- 361611
- 280F0B
- 1B0806
- 0F0302
- 050101
- 010000
Toni
- 753F35
- 77463D
- 794E46
- 7B554E
- 7C5C56
- 7D635E
- 7E6A67
- 7F726F
- 807977
Armonie di colore
Complementare +180°
- 73372D
Beaten Copper
- 005561
≈ Abyssal Waters
Analogo -30° +30°
- 73372D
Beaten Copper
- 703548
≈ Cabernet Craving
- 6C3E0F
≈ Philippine Bronze
Triadico +120° +240°
- 73372D
Beaten Copper
- 205832
≈ Crusoe
- 3A477A
≈ Expressionism
Complementare divisa +150° +210°
- 73372D
Beaten Copper
- 00584D
≈ Castleton Green
- 125076
≈ Pirate’s Haven
Tetradico +90° +180° +270°
- 73372D
Beaten Copper
- 445213
≈ Verdun Green
- 005561
≈ Abyssal Waters
- 533F73
≈ Raw Amethyst
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.07:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.31:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.07:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--beaten-copper: #73372d;
--beaten-copper-rgb: 115 55 45;
--beaten-copper-oklch: oklch(0.413 0.087 30.9);
}
.element {
color: var(--beaten-copper);
background-color: hsl(9 44% 31%);
border-color: oklch(0.413 0.087 30.9);
}Tailwind CSS v4
@theme {
--color-beaten-copper: #73372d;
--color-beaten-copper-50: #ffede5;
--color-beaten-copper-100: #ffded6;
--color-beaten-copper-200: #f7c8bd;
--color-beaten-copper-300: #e0a89b;
--color-beaten-copper-400: #cd8b7f;
--color-beaten-copper-500: #b97063;
--color-beaten-copper-600: #9c5f54;
--color-beaten-copper-700: #7d4c43;
--color-beaten-copper-800: #5d3631;
--color-beaten-copper-900: #412521;
--color-beaten-copper-950: #291410;
}SCSS
$beaten-copper: #73372d;
$beaten-copper-rgb: 115, 55, 45;
$beaten-copper-light: mix(#fff, $beaten-copper, 20%);
$beaten-copper-dark: mix(#000, $beaten-copper, 20%);
.element {
color: $beaten-copper;
box-shadow: 0 0 0 2px rgba($beaten-copper, 0.35);
}