Benannte Farbe · #754C50
Madder
Madder ist #754C50: rgb(117 76 80), hsl(354 21% 38%), oklch(0.464 0.056 13.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Madder color name →
#754C50
oklch(0.464 0.056 13.1)
Farbumrechnungen
- HEX
- #754c50
- RGB
- rgb(117 76 80)
- HSL
- hsl(354 21% 38%)
- HWB
- hwb(354 30% 54%)
- OKLCH
- oklch(0.464 0.056 13.1)
- OKLab
- oklab(0.464 0.055 0.013)
- CIE Lab
- lab(37.16 18.31 5.15)
- LCH
- lch(37.16 19.02 15.7)
- CMYK
- cmyk(0% 35% 32% 54%)
Tints · Shades · Tones
Tints
- 835C60
- 906D70
- 9E7E81
- AB9092
- B9A1A3
- C7B4B5
- D5C6C7
- E3D9D9
- F1ECEC
Shades
- 654144
- 553639
- 462C2E
- 372224
- 29181A
- 1C0F10
- 0F0607
- 050202
- 010000
Tones
- 775155
- 785659
- 795C5E
- 7B6163
- 7C6668
- 7D6B6C
- 7E7071
- 7F7676
- 7F7B7B
Farbharmonien
Komplementär +180°
- 754C50
Madder
- 2F6362
≈ Strong Sage
Analog -30° +30°
- 754C50
Madder
- 6F4D61
≈ Prussian Plum
- 744F40
≈ Friar’s Brown
Triadisch +120° +240°
- 754C50
Madder
- 4D603F
≈ Acacia Green
- 425B78
≈ Newburyport
Geteilt komplementär +150° +210°
- 754C50
Madder
- 3A6350
≈ Serbian Green
- 336070
≈ Atlantis
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.22:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.90:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.22:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--madder: #754c50;
--madder-rgb: 117 76 80;
--madder-oklch: oklch(0.464 0.056 13.1);
}
.element {
color: var(--madder);
background-color: hsl(354 21% 38%);
border-color: oklch(0.464 0.056 13.1);
}Tailwind CSS v4
@theme {
--color-madder: #754c50;
--color-madder-50: #ffeff0;
--color-madder-100: #fae1e2;
--color-madder-200: #ebcbcc;
--color-madder-300: #d3acae;
--color-madder-400: #bd9195;
--color-madder-500: #a8777b;
--color-madder-600: #8e6569;
--color-madder-700: #725154;
--color-madder-800: #543a3d;
--color-madder-900: #3b282a;
--color-madder-950: #241618;
}SCSS
$madder: #754c50;
$madder-rgb: 117, 76, 80;
$madder-light: mix(#fff, $madder, 20%);
$madder-dark: mix(#000, $madder, 20%);
.element {
color: $madder;
box-shadow: 0 0 0 2px rgba($madder, 0.35);
}