Couleur nommée la plus proche · #814F7C
#814F7C
Couleur nommée la plus proche: Magic Magenta
#814F7C (rgb(129 79 124), hsl(306 24% 41%), oklch(0.501 0.092 330.5)) est la plus proche de la couleur nommée Magic Magenta. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#814F7C
oklch(0.501 0.092 330.5)
Conversions de couleur
- HEX
- #814f7c
- RGB
- rgb(129 79 124)
- HSL
- hsl(306 24% 41%)
- HWB
- hwb(306 31% 49%)
- OKLCH
- oklch(0.501 0.092 330.5)
- OKLab
- oklab(0.501 0.08 -0.045)
- CIE Lab
- lab(40.75 27.04 -16.59)
- LCH
- lch(40.75 31.73 328.5)
- CMYK
- cmyk(0% 39% 4% 49%)
Teintes · Ombres · Tons
Teintes
- 8E6089
- 9A7095
- A781A2
- B392AF
- C0A4BC
- CCB6C9
- D9C8D6
- E6DAE4
- F2ECF1
Ombres
- 6F446B
- 5E385A
- 4E2E4A
- 3E233B
- 2E192C
- 1F101E
- 120711
- 060205
- 010001
Tons
- 81547D
- 82597D
- 825E7E
- 82637E
- 82687E
- 826D7F
- 81727F
- 81777F
- 817B80
Harmonies de couleurs
Complémentaire +180°
- 814F7C
Magic Magenta
- 387247
≈ Parsley Sprig
Analogue -30° +30°
- 814F7C
Magic Magenta
- 6C5690
≈ Pure Mauve
- 8E4C61
≈ Violet Quartz
Triadique +120° +240°
- 814F7C
Magic Magenta
- 776118
≈ Brassy Brass
- 00707F
≈ Caribbean Dream
Complémentaire divisée +150° +210°
- 814F7C
Magic Magenta
- 5C6B29
≈ Fig Leaf
- 007466
≈ Northern Hemisphere
Tétradique +90° +180° +270°
- 814F7C
Magic Magenta
- 895627
≈ Precious Copper
- 387247
≈ Parsley Sprig
- 296A93
≈ Blue Oasis
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.28:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.34:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.28:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--magic-magenta: #814f7c;
--magic-magenta-rgb: 129 79 124;
--magic-magenta-oklch: oklch(0.501 0.092 330.5);
}
.element {
color: var(--magic-magenta);
background-color: hsl(306 24% 41%);
border-color: oklch(0.501 0.092 330.5);
}Tailwind CSS v4
@theme {
--color-magic-magenta: #814f7c;
--color-magic-magenta-50: #ffecff;
--color-magic-magenta-100: #fbddf6;
--color-magic-magenta-200: #edc6e6;
--color-magic-magenta-300: #d4a6cc;
--color-magic-magenta-400: #be8bb8;
--color-magic-magenta-500: #a96fa3;
--color-magic-magenta-600: #8f5e8a;
--color-magic-magenta-700: #724b6e;
--color-magic-magenta-800: #543752;
--color-magic-magenta-900: #3a2539;
--color-magic-magenta-950: #241424;
}SCSS
$magic-magenta: #814f7c;
$magic-magenta-rgb: 129, 79, 124;
$magic-magenta-light: mix(#fff, $magic-magenta, 20%);
$magic-magenta-dark: mix(#000, $magic-magenta, 20%);
.element {
color: $magic-magenta;
box-shadow: 0 0 0 2px rgba($magic-magenta, 0.35);
}