Couleur nommée la plus proche · #997EE4
#997EE4
Couleur nommée la plus proche: Matt Purple
#997EE4 (rgb(153 126 228), hsl(256 65% 69%), oklch(0.662 0.149 294.1)) 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.
#997EE4
oklch(0.662 0.149 294.1)
Conversions de couleur
- HEX
- #997ee4
- RGB
- rgb(153 126 228)
- HSL
- hsl(256 65% 69%)
- HWB
- hwb(256 49% 11%)
- OKLCH
- oklch(0.662 0.149 294.1)
- OKLab
- oklab(0.662 0.061 -0.136)
- CIE Lab
- lab(58.74 27.67 -48.83)
- LCH
- lch(58.74 56.13 299.5)
- CMYK
- cmyk(33% 45% 0% 11%)
Teintes · Ombres · Tons
Teintes
- A28BE8
- AC98EB
- B6A5EE
- C0B2F1
- CABFF4
- D4CCF7
- DFD8F9
- E9E5FB
- F4F2FD
Ombres
- 846DC6
- 705CA9
- 5D4C8D
- 4A3C72
- 382D58
- 271F3F
- 171128
- 080512
- 010103
Tons
- 967FDA
- 9380D0
- 9180C6
- 8E81BC
- 8C81B2
- 8981A9
- 87819F
- 848194
- 82808A
Harmonies de couleurs
Complémentaire +180°
- 997EE4
Matt Purple
- 929C00
≈ Pea Soup
Analogue -30° +30°
- 997EE4
Matt Purple
- 638FED
≈ Guilliman Blue
- BF70C6
≈ Lavendless
Triadique +120° +240°
- 997EE4
Matt Purple
- D77628
≈ Bitter Orange
- 00AB8D
≈ Arcadia
Complémentaire divisée +150° +210°
- 997EE4
Matt Purple
- BA8A00
≈ Kenyan Sand
- 51AA54
≈ Harā Green
Tétradique +90° +180° +270°
- 997EE4
Matt Purple
- DF6964
≈ Calypso Red
- 929C00
≈ Pea Soup
- 00A6B3
≈ Exotic Sea
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.25:1 · APCA Lc 60
Ag
AASur noir
WCAG 6.45:1 · APCA Lc 42
Meilleure couleur de texte: #000000
WCAG 6.45:1 (AA) · APCA Lc 42
Contrast pairs
Extraits de code
CSS
:root {
--matt-purple: #997ee4;
--matt-purple-rgb: 153 126 228;
--matt-purple-oklch: oklch(0.662 0.149 294.1);
}
.element {
color: var(--matt-purple);
background-color: hsl(256 65% 69%);
border-color: oklch(0.662 0.149 294.1);
}Tailwind CSS v4
@theme {
--color-matt-purple: #997ee4;
--color-matt-purple-50: #f8edff;
--color-matt-purple-100: #ecdeff;
--color-matt-purple-200: #dac8ff;
--color-matt-purple-300: #bea7fb;
--color-matt-purple-400: #a48bed;
--color-matt-purple-500: #8e6ede;
--color-matt-purple-600: #785ebb;
--color-matt-purple-700: #604b96;
--color-matt-purple-800: #443771;
--color-matt-purple-900: #2f2550;
--color-matt-purple-950: #1c1335;
}SCSS
$matt-purple: #997ee4;
$matt-purple-rgb: 153, 126, 228;
$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);
}