Nächste benannte Farbe · #574450
#574450
Nächste benannte Farbe: Black Magic
#574450 (rgb(87 68 80), hsl(322 12% 30%), oklch(0.411 0.032 340.4)) liegt am nächsten an der benannten Farbe Black Magic. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#574450
oklch(0.411 0.032 340.4)
Farbumrechnungen
- HEX
- #574450
- RGB
- rgb(87 68 80)
- HSL
- hsl(322 12% 30%)
- HWB
- hwb(322 27% 66%)
- OKLCH
- oklch(0.411 0.032 340.4)
- OKLab
- oklab(0.411 0.03 -0.011)
- CIE Lab
- lab(31.23 10.13 -3.96)
- LCH
- lch(31.23 10.87 338.7)
- CMYK
- cmyk(0% 22% 8% 66%)
Tints · Shades · Tones
Tints
- 665560
- 766670
- 867881
- 978A92
- A79CA3
- B8AFB5
- CAC3C7
- DBD7D9
- EDEBEC
Shades
- 4B3A44
- 3E3039
- 33262E
- 271D24
- 1C141A
- 120C10
- 080507
- 030202
- 000000
Tones
- 5B4A55
- 5F5059
- 63555E
- 675B63
- 6B6168
- 70676C
- 746D71
- 787476
- 7C7A7B
Farbharmonien
Komplementär +180°
- 574450
Black Magic
- 3C5045
≈ Amphitrite
Analog -30° +30°
- 574450
Black Magic
- 504658
≈ Midnight Affair
- 5B4446
≈ Mahogany Spice
Triadisch +120° +240°
- 574450
Black Magic
- 4E4B37
≈ Olive Leaf
- 374F57
≈ Aircraft Blue
Geteilt komplementär +150° +210°
- 574450
Black Magic
- 454E3C
≈ Duffel Bag
- 36504F
≈ Blue Dianne
Tetradisch +90° +180° +270°
- 574450
Black Magic
- 564838
≈ Kuri Black
- 3C5045
≈ Amphitrite
- 3E4C5C
≈ Man Friday
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.94:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.34:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.94:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--black-magic: #574450;
--black-magic-rgb: 87 68 80;
--black-magic-oklch: oklch(0.411 0.032 340.4);
}
.element {
color: var(--black-magic);
background-color: hsl(322 12% 30%);
border-color: oklch(0.411 0.032 340.4);
}Tailwind CSS v4
@theme {
--color-black-magic: #574450;
--color-black-magic-50: #fcf2f8;
--color-black-magic-100: #f0e4eb;
--color-black-magic-200: #dfcfd8;
--color-black-magic-300: #c4b1bc;
--color-black-magic-400: #ac97a4;
--color-black-magic-500: #967e8d;
--color-black-magic-600: #7e6b77;
--color-black-magic-700: #65555f;
--color-black-magic-800: #4a3e46;
--color-black-magic-900: #332b31;
--color-black-magic-950: #1f181d;
}SCSS
$black-magic: #574450;
$black-magic-rgb: 87, 68, 80;
$black-magic-light: mix(#fff, $black-magic, 20%);
$black-magic-dark: mix(#000, $black-magic, 20%);
.element {
color: $black-magic;
box-shadow: 0 0 0 2px rgba($black-magic, 0.35);
}