Benannte Farbe · #752100
Shaku-Do Copper
Shaku-Do Copper ist #752100: rgb(117 33 0), hsl(17 100% 23%), oklch(0.379 0.123 38.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Shaku-Do Copper color name →
#752100
oklch(0.379 0.123 38.2)
Farbumrechnungen
- HEX
- #752100
- RGB
- rgb(117 33 0)
- HSL
- hsl(17 100% 23%)
- HWB
- hwb(17 0% 54%)
- OKLCH
- oklch(0.379 0.123 38.2)
- OKLab
- oklab(0.379 0.097 0.076)
- CIE Lab
- lab(26.87 36.35 38.87)
- LCH
- lch(26.87 53.22 46.9)
- CMYK
- cmyk(0% 72% 100% 54%)
Tints · Shades · Tones
Tints
- 843820
- 934E38
- A26350
- B07968
- BE8E80
- CBA498
- D8BAB1
- E6D1CB
- F2E8E5
Shades
- 651B00
- 551600
- 461000
- 370B00
- 290600
- 1C0300
- 0F0100
- 050000
- 010000
Tones
- 782D14
- 7A3722
- 7C412F
- 7E4B3B
- 7F5446
- 805D52
- 80665D
- 816F69
- 817774
Farbharmonien
Komplementär +180°
- 752100
Shaku-Do Copper
- 004A5A
≈ Nocturnal Expedition
Analog -30° +30°
- 752100
Shaku-Do Copper
- 741B35
≈ Rocking Chair
- 5E3800
≈ Hippogriff Brown
Triadisch +120° +240°
- 752100
Shaku-Do Copper
- 00502F
≈ Card Table Green
- 363681
≈ Ballpoint Indigo
Geteilt komplementär +150° +210°
- 752100
Shaku-Do Copper
- 004D49
≈ Swamp Mausoleum
- 004475
≈ Mermaid Blues
Tetradisch +90° +180° +270°
- 752100
Shaku-Do Copper
- 324B00
≈ Treetop Cathedral
- 004A5A
≈ Nocturnal Expedition
- 542A73
≈ Purple Seduction
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.63:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.97:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.63:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--shaku-do-copper: #752100;
--shaku-do-copper-rgb: 117 33 0;
--shaku-do-copper-oklch: oklch(0.379 0.123 38.2);
}
.element {
color: var(--shaku-do-copper);
background-color: hsl(17 100% 23%);
border-color: oklch(0.379 0.123 38.2);
}Tailwind CSS v4
@theme {
--color-shaku-do-copper: #752100;
--color-shaku-do-copper-50: #ffeadb;
--color-shaku-do-copper-100: #ffdbc9;
--color-shaku-do-copper-200: #ffc3ad;
--color-shaku-do-copper-300: #eea287;
--color-shaku-do-copper-400: #dc8367;
--color-shaku-do-copper-500: #c96545;
--color-shaku-do-copper-600: #aa563c;
--color-shaku-do-copper-700: #89452f;
--color-shaku-do-copper-800: #663122;
--color-shaku-do-copper-900: #482117;
--color-shaku-do-copper-950: #2f1008;
}SCSS
$shaku-do-copper: #752100;
$shaku-do-copper-rgb: 117, 33, 0;
$shaku-do-copper-light: mix(#fff, $shaku-do-copper, 20%);
$shaku-do-copper-dark: mix(#000, $shaku-do-copper, 20%);
.element {
color: $shaku-do-copper;
box-shadow: 0 0 0 2px rgba($shaku-do-copper, 0.35);
}