Couleur nommée la plus proche · #9B25A2
#9B25A2
Couleur nommée la plus proche: Purple Ink
#9B25A2 (rgb(155 37 162), hsl(297 63% 39%), oklch(0.505 0.205 325.6)) est la plus proche de la couleur nommée Purple Ink. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9B25A2
oklch(0.505 0.205 325.6)
Conversions de couleur
- HEX
- #9b25a2
- RGB
- rgb(155 37 162)
- HSL
- hsl(297 63% 39%)
- HWB
- hwb(297 15% 36%)
- OKLCH
- oklch(0.505 0.205 325.6)
- OKLab
- oklab(0.505 0.169 -0.116)
- CIE Lab
- lab(39.26 58.65 -41.58)
- LCH
- lch(39.26 71.9 324.7)
- CMYK
- cmyk(4% 77% 0% 36%)
Teintes · Ombres · Tons
Teintes
- A641AC
- B159B6
- BC6EBF
- C683C9
- D098D2
- DAACDB
- E4C1E4
- EDD5ED
- F6EAF6
Ombres
- 861F8C
- 721977
- 5E1363
- 4B0D4F
- 39083C
- 28042A
- 180219
- 09000A
- 010001
Tons
- 99349F
- 97409C
- 954A99
- 935496
- 915C93
- 8E648F
- 8B6B8C
- 887288
- 847984
Harmonies de couleurs
Complémentaire +180°
- 9B25A2
Purple Ink
- 007A22
≈ Green Glutton
Analogue -30° +30°
- 9B25A2
Purple Ink
- 733DCA
≈ Purple Rain
- B50369
≈ Aztec Warrior
Triadique +120° +240°
- 9B25A2
Purple Ink
- 7F5F00
≈ Ground Earth
- 00727C
≈ Scurf Green
Complémentaire divisée +150° +210°
- 9B25A2
Purple Ink
- 626C00
≈ Brownish Green
- 007662
≈ Teal Waters
Tétradique +90° +180° +270°
- 9B25A2
Purple Ink
- 984E00
≈ Warm Brown
- 007A22
≈ Green Glutton
- 006D99
≈ Disarm
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.60:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.18:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--purple-ink: #9b25a2;
--purple-ink-rgb: 155 37 162;
--purple-ink-oklch: oklch(0.505 0.205 325.6);
}
.element {
color: var(--purple-ink);
background-color: hsl(297 63% 39%);
border-color: oklch(0.505 0.205 325.6);
}Tailwind CSS v4
@theme {
--color-purple-ink: #9b25a2;
--color-purple-ink-50: #ffe1ff;
--color-purple-ink-100: #ffd0ff;
--color-purple-ink-200: #ffb4ff;
--color-purple-ink-300: #ee8fed;
--color-purple-ink-400: #d96cdf;
--color-purple-ink-500: #c644ce;
--color-purple-ink-600: #a73bae;
--color-purple-ink-700: #862f8b;
--color-purple-ink-800: #63226a;
--color-purple-ink-900: #45164a;
--color-purple-ink-950: #2d0631;
}SCSS
$purple-ink: #9b25a2;
$purple-ink-rgb: 155, 37, 162;
$purple-ink-light: mix(#fff, $purple-ink, 20%);
$purple-ink-dark: mix(#000, $purple-ink, 20%);
.element {
color: $purple-ink;
box-shadow: 0 0 0 2px rgba($purple-ink, 0.35);
}