Couleur nommée la plus proche · #91396F
#91396F
Couleur nommée la plus proche: Midnight Aubergine
#91396F (rgb(145 57 111), hsl(323 44% 40%), oklch(0.483 0.134 345.5)) est la plus proche de la couleur nommée Midnight Aubergine. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#91396F
oklch(0.483 0.134 345.5)
Conversions de couleur
- HEX
- #91396f
- RGB
- rgb(145 57 111)
- HSL
- hsl(323 44% 40%)
- HWB
- hwb(323 22% 43%)
- OKLCH
- oklch(0.483 0.134 345.5)
- OKLab
- oklab(0.483 0.13 -0.034)
- CIE Lab
- lab(38.19 42.29 -12.16)
- LCH
- lch(38.19 44 344)
- CMYK
- cmyk(0% 61% 23% 43%)
Teintes · Ombres · Tons
Teintes
- 9D4D7D
- A9618A
- B57498
- C087A6
- CB9BB5
- D6AEC3
- E1C2D2
- EBD6E1
- F5EAF0
Ombres
- 7D3060
- 6A2851
- 581F42
- 461734
- 351027
- 25091A
- 15040E
- 070104
- 010001
Tons
- 904271
- 904A73
- 8F5174
- 8D5876
- 8C5F78
- 8A6679
- 886D7B
- 86737D
- 837A7E
Harmonies de couleurs
Complémentaire +180°
- 91396F
Midnight Aubergine
- 007051
≈ Natural Watercourse
Analogue -30° +30°
- 91396F
Midnight Aubergine
- 7B4291
≈ Cadmium Violet
- 9C3745
≈ High Drama
Triadique +120° +240°
- 91396F
Midnight Aubergine
- 676100
≈ Green Brown
- 006986
≈ Ansel
Complémentaire divisée +150° +210°
- 91396F
Midnight Aubergine
- 396E0F
≈ Tatzelwurm Green
- 006D6D
≈ Caribbean Current
Tétradique +90° +180° +270°
- 91396F
Midnight Aubergine
- 7F5500
≈ Intense Brown
- 007051
≈ Natural Watercourse
- 205EA8
≈ Miracle at Wrigley
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.95:1 · APCA Lc 83
Ag
FailSur noir
WCAG 3.01:1 · APCA Lc 18
Meilleure couleur de texte: #FFFFFF
WCAG 6.95:1 (AA) · APCA Lc 83
Contrast pairs
Extraits de code
CSS
:root {
--midnight-aubergine: #91396f;
--midnight-aubergine-rgb: 145 57 111;
--midnight-aubergine-oklch: oklch(0.483 0.134 345.5);
}
.element {
color: var(--midnight-aubergine);
background-color: hsl(323 44% 40%);
border-color: oklch(0.483 0.134 345.5);
}Tailwind CSS v4
@theme {
--color-midnight-aubergine: #91396f;
--color-midnight-aubergine-50: #ffe6fc;
--color-midnight-aubergine-100: #ffd6f0;
--color-midnight-aubergine-200: #ffbddf;
--color-midnight-aubergine-300: #ea9bc4;
--color-midnight-aubergine-400: #d67cb0;
--color-midnight-aubergine-500: #c35d9a;
--color-midnight-aubergine-600: #a44f82;
--color-midnight-aubergine-700: #843f68;
--color-midnight-aubergine-800: #612d4e;
--color-midnight-aubergine-900: #441f36;
--color-midnight-aubergine-950: #2c0e21;
}SCSS
$midnight-aubergine: #91396f;
$midnight-aubergine-rgb: 145, 57, 111;
$midnight-aubergine-light: mix(#fff, $midnight-aubergine, 20%);
$midnight-aubergine-dark: mix(#000, $midnight-aubergine, 20%);
.element {
color: $midnight-aubergine;
box-shadow: 0 0 0 2px rgba($midnight-aubergine, 0.35);
}