Couleur nommée la plus proche · #9065DC
#9065DC
Couleur nommée la plus proche: Matt Purple
#9065DC (rgb(144 101 220), hsl(262 63% 63%), oklch(0.606 0.176 297.6)) est la plus proche de la couleur nommée Matt Purple. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9065DC
oklch(0.606 0.176 297.6)
Conversions de couleur
- HEX
- #9065dc
- RGB
- rgb(144 101 220)
- HSL
- hsl(262 63% 63%)
- HWB
- hwb(262 40% 14%)
- OKLCH
- oklch(0.606 0.176 297.6)
- OKLab
- oklab(0.606 0.081 -0.156)
- CIE Lab
- lab(51.69 36.99 -55.59)
- LCH
- lch(51.69 66.77 303.6)
- CMYK
- cmyk(35% 54% 0% 14%)
Teintes · Ombres · Tons
Teintes
- 9A75E1
- A485E5
- AF95E9
- BAA4ED
- C5B3F1
- D0C2F4
- DCD1F7
- E7E1FA
- F3F0FD
Ombres
- 7D57BF
- 6A49A3
- 573C88
- 452F6E
- 342254
- 24173C
- 150C26
- 070311
- 010002
Tons
- 8E69D3
- 8C6DCA
- 8A70C1
- 8973B8
- 8776AF
- 8678A6
- 847A9D
- 837C93
- 817E8A
Harmonies de couleurs
Complémentaire +180°
- 9065DC
Matt Purple
- 7C8C00
≈ Foggy Bog
Analogue -30° +30°
- 9065DC
Matt Purple
- 5479EA
≈ Blue Öyster Cult
- B755B7
≈ Still Fuchsia
Triadique +120° +240°
- 9065DC
Matt Purple
- C16700
≈ Hawaiian Sunset
- 009782
≈ Aqua Waters
Complémentaire divisée +150° +210°
- 9065DC
Matt Purple
- A17C00
≈ Hornet Yellow
- 079D3D
≈ Gangly Gremlin
Tétradique +90° +180° +270°
- 9065DC
Matt Purple
- D74D43
≈ Gladiola
- 7C8C00
≈ Foggy Bog
- 0093A2
≈ Jaded
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.13:1 · APCA Lc 68
Ag
AASur noir
WCAG 5.08:1 · APCA Lc 34
Meilleure couleur de texte: #000000
WCAG 5.08:1 (AA) · APCA Lc 34
Contrast pairs
Extraits de code
CSS
:root {
--matt-purple: #9065dc;
--matt-purple-rgb: 144 101 220;
--matt-purple-oklch: oklch(0.606 0.176 297.6);
}
.element {
color: var(--matt-purple);
background-color: hsl(262 63% 63%);
border-color: oklch(0.606 0.176 297.6);
}Tailwind CSS v4
@theme {
--color-matt-purple: #9065dc;
--color-matt-purple-50: #fcebff;
--color-matt-purple-100: #f0dbff;
--color-matt-purple-200: #dfc3ff;
--color-matt-purple-300: #c5a2ff;
--color-matt-purple-400: #ab84f8;
--color-matt-purple-500: #9665e9;
--color-matt-purple-600: #7f56c5;
--color-matt-purple-700: #65459e;
--color-matt-purple-800: #493277;
--color-matt-purple-900: #322254;
--color-matt-purple-950: #1e1039;
}SCSS
$matt-purple: #9065dc;
$matt-purple-rgb: 144, 101, 220;
$matt-purple-light: mix(#fff, $matt-purple, 20%);
$matt-purple-dark: mix(#000, $matt-purple, 20%);
.element {
color: $matt-purple;
box-shadow: 0 0 0 2px rgba($matt-purple, 0.35);
}