Benannte Farbe · #9F543E
Ancient Copper
Ancient Copper ist #9F543E: rgb(159 84 62), hsl(14 44% 43%), oklch(0.531 0.105 37.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ancient Copper color name →
#9F543E
oklch(0.531 0.105 37.2)
Farbumrechnungen
- HEX
- #9f543e
- RGB
- rgb(159 84 62)
- HSL
- hsl(14 44% 43%)
- HWB
- hwb(14 24% 38%)
- OKLCH
- oklch(0.531 0.105 37.2)
- OKLab
- oklab(0.531 0.084 0.064)
- CIE Lab
- lab(44.75 30.24 27.33)
- LCH
- lch(44.75 40.76 42.1)
- CMYK
- cmyk(0% 47% 61% 38%)
Tints · Shades · Tones
Tints
- AA6550
- B47563
- BE8675
- C89788
- D2A89B
- DBB9AF
- E4CAC2
- EDDCD6
- F6EDEB
Shades
- 8A4835
- 753C2B
- 613123
- 4D261A
- 3B1B12
- 29110A
- 180804
- 090201
- 010000
Tones
- 9D5945
- 9A5E4C
- 986353
- 95675A
- 926C60
- 8F7067
- 8C746D
- 887873
- 847C7A
Farbharmonien
Komplementär +180°
- 9F543E
Ancient Copper
- 007990
≈ Bimini Blue
Analog -30° +30°
- 9F543E
Ancient Copper
- 9E5061
≈ Cherry Berry
- 945F1B
≈ Afghan Carpet
Triadisch +120° +240°
- 9F543E
Ancient Copper
- 2A7E53
≈ Canadian Pine
- 5D65A8
≈ Bellflower
Geteilt komplementär +150° +210°
- 9F543E
Ancient Copper
- 007D75
≈ Romantic Isle
- 3270A5
≈ Mega Blue
Tetradisch +90° +180° +270°
- 9F543E
Ancient Copper
- 5B772E
≈ Luck of the Irish
- 007990
≈ Bimini Blue
- 7C5A9B
≈ Sonic Plum
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.50:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.81:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.50:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--ancient-copper: #9f543e;
--ancient-copper-rgb: 159 84 62;
--ancient-copper-oklch: oklch(0.531 0.105 37.2);
}
.element {
color: var(--ancient-copper);
background-color: hsl(14 44% 43%);
border-color: oklch(0.531 0.105 37.2);
}Tailwind CSS v4
@theme {
--color-ancient-copper: #9f543e;
--color-ancient-copper-50: #ffecdf;
--color-ancient-copper-100: #ffddce;
--color-ancient-copper-200: #fdc6b3;
--color-ancient-copper-300: #e7a58f;
--color-ancient-copper-400: #d48871;
--color-ancient-copper-500: #c16b52;
--color-ancient-copper-600: #a35b46;
--color-ancient-copper-700: #834938;
--color-ancient-copper-800: #613429;
--color-ancient-copper-900: #44241b;
--color-ancient-copper-950: #2c120c;
}SCSS
$ancient-copper: #9f543e;
$ancient-copper-rgb: 159, 84, 62;
$ancient-copper-light: mix(#fff, $ancient-copper, 20%);
$ancient-copper-dark: mix(#000, $ancient-copper, 20%);
.element {
color: $ancient-copper;
box-shadow: 0 0 0 2px rgba($ancient-copper, 0.35);
}