Couleur nommée la plus proche · #574450
#574450
Couleur nommée la plus proche: Black Magic
#574450 (rgb(87 68 80), hsl(322 12% 30%), oklch(0.411 0.032 340.4)) est la plus proche de la couleur nommée Black Magic. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#574450
oklch(0.411 0.032 340.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 665560
- 766670
- 867881
- 978A92
- A79CA3
- B8AFB5
- CAC3C7
- DBD7D9
- EDEBEC
Ombres
- 4B3A44
- 3E3039
- 33262E
- 271D24
- 1C141A
- 120C10
- 080507
- 030202
- 000000
Tons
- 5B4A55
- 5F5059
- 63555E
- 675B63
- 6B6168
- 70676C
- 746D71
- 787476
- 7C7A7B
Harmonies de couleurs
Complémentaire +180°
- 574450
Black Magic
- 3C5045
≈ Amphitrite
Analogue -30° +30°
- 574450
Black Magic
- 504658
≈ Midnight Affair
- 5B4446
≈ Mahogany Spice
Triadique +120° +240°
- 574450
Black Magic
- 4E4B37
≈ Olive Leaf
- 374F57
≈ Aircraft Blue
Complémentaire divisée +150° +210°
- 574450
Black Magic
- 454E3C
≈ Duffel Bag
- 36504F
≈ Blue Dianne
Tétradique +90° +180° +270°
- 574450
Black Magic
- 564838
≈ Kuri Black
- 3C5045
≈ Amphitrite
- 3E4C5C
≈ Man Friday
Contraste et accessibilité
Ag
AAASur blanc
WCAG 8.94:1 · APCA Lc 91
Ag
FailSur noir
WCAG 2.34:1 · APCA Lc 12
Meilleure couleur de texte: #FFFFFF
WCAG 8.94:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
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);
}