Benannte Farbe · #B2764C
Copper Mine
Copper Mine ist #B2764C: rgb(178 118 76), hsl(25 40% 50%), oklch(0.619 0.095 55). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Copper Mine color name →
#B2764C
oklch(0.619 0.095 55)
Farbumrechnungen
- HEX
- #b2764c
- RGB
- rgb(178 118 76)
- HSL
- hsl(25 40% 50%)
- HWB
- hwb(25 30% 30%)
- OKLCH
- oklch(0.619 0.095 55)
- OKLab
- oklab(0.619 0.054 0.078)
- CIE Lab
- lab(55.41 21.01 33.04)
- LCH
- lch(55.41 39.15 57.6)
- CMYK
- cmyk(0% 34% 57% 30%)
Tints · Shades · Tones
Tints
- BA835E
- C2916F
- CA9E81
- D2AC93
- DAB9A4
- E2C7B6
- E9D5C8
- F0E3DA
- F8F1EC
Shades
- 9A6641
- 835636
- 6D472C
- 573822
- 432918
- 2F1C0F
- 1D0F06
- 0C0502
- 010100
Tones
- AD7752
- A97958
- A47A5E
- 9F7B63
- 9A7C68
- 957D6D
- 907E72
- 8B7F77
- 857F7B
Farbharmonien
Komplementär +180°
- B2764C
Copper Mine
- 458FB7
≈ Quiet Night
Analog -30° +30°
- B2764C
Copper Mine
- B86F69
≈ Terra Tone
- A0813D
≈ Tau Sept Ochre
Triadisch +120° +240°
- B2764C
Copper Mine
- 3A9983
≈ Green Jelly
- 8A7AB9
≈ Royal Raul
Geteilt komplementär +150° +210°
- B2764C
Copper Mine
- 2A96A1
≈ Aqua Lake
- 6A85C0
≈ Orbital
Tetradisch +90° +180° +270°
- B2764C
Copper Mine
- 609562
≈ Abundance
- 458FB7
≈ Quiet Night
- A372A5
≈ Violet Femmes
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.75:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.58:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--copper-mine: #b2764c;
--copper-mine-rgb: 178 118 76;
--copper-mine-oklch: oklch(0.619 0.095 55);
}
.element {
color: var(--copper-mine);
background-color: hsl(25 40% 50%);
border-color: oklch(0.619 0.095 55);
}Tailwind CSS v4
@theme {
--color-copper-mine: #b2764c;
--color-copper-mine-50: #ffefdb;
--color-copper-mine-100: #ffe1ca;
--color-copper-mine-200: #f4cbad;
--color-copper-mine-300: #ddac88;
--color-copper-mine-400: #ca8f67;
--color-copper-mine-500: #b67445;
--color-copper-mine-600: #9a633b;
--color-copper-mine-700: #7c4f2f;
--color-copper-mine-800: #5c3922;
--color-copper-mine-900: #402716;
--color-copper-mine-950: #291507;
}SCSS
$copper-mine: #b2764c;
$copper-mine-rgb: 178, 118, 76;
$copper-mine-light: mix(#fff, $copper-mine, 20%);
$copper-mine-dark: mix(#000, $copper-mine, 20%);
.element {
color: $copper-mine;
box-shadow: 0 0 0 2px rgba($copper-mine, 0.35);
}