Couleur nommée la plus proche · #B531C7
#B531C7
Couleur nommée la plus proche: Telemagenta
#B531C7 (rgb(181 49 199), hsl(293 60% 49%), oklch(0.575 0.234 322.6)) est la plus proche de la couleur nommée Telemagenta. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B531C7
oklch(0.575 0.234 322.6)
Conversions de couleur
- HEX
- #b531c7
- RGB
- rgb(181 49 199)
- HSL
- hsl(293 60% 49%)
- HWB
- hwb(293 19% 22%)
- OKLCH
- oklch(0.575 0.234 322.6)
- OKLab
- oklab(0.575 0.186 -0.142)
- CIE Lab
- lab(46.9 65.79 -50.89)
- LCH
- lch(46.9 83.18 322.3)
- CMYK
- cmyk(9% 75% 0% 22%)
Teintes · Ombres · Tons
Teintes
- BE4DCE
- C664D4
- CE79DA
- D68DE0
- DEA0E6
- E5B3EB
- ECC6F1
- F3D9F6
- F9ECFA
Ombres
- 9D29AD
- 862293
- 6F1A7A
- 591362
- 440C4C
- 300636
- 1D0321
- 0C010E
- 020002
Tons
- B13FC0
- AC4ABA
- A754B3
- A25CAC
- 9D63A5
- 986A9E
- 927097
- 8D768F
- 867B88
Harmonies de couleurs
Complémentaire +180°
- B531C7
Telemagenta
- 009302
≈ True Green
Analogue -30° +30°
- B531C7
Telemagenta
- 834DF3
≈ Sweet Escape
- D50B86
≈ The Art of Seduction
Triadique +120° +240°
- B531C7
Telemagenta
- 9B7100
≈ Sandy Taupe
- 008992
≈ Tuscana Blue
Complémentaire divisée +150° +210°
- B531C7
Telemagenta
- 7B8000
≈ Drably Olive
- 008E72
≈ Observatory
Tétradique +90° +180° +270°
- B531C7
Telemagenta
- BA5B00
≈ Dry Clay
- 009302
≈ True Green
- 0084B3
≈ Lucario Blue
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.96:1 · APCA Lc 73
Ag
FailSur noir
WCAG 4.22:1 · APCA Lc 29
Meilleure couleur de texte: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--telemagenta: #b531c7;
--telemagenta-rgb: 181 49 199;
--telemagenta-oklch: oklch(0.575 0.234 322.6);
}
.element {
color: var(--telemagenta);
background-color: hsl(293 60% 49%);
border-color: oklch(0.575 0.234 322.6);
}Tailwind CSS v4
@theme {
--color-telemagenta: #b531c7;
--color-telemagenta-50: #ffdfff;
--color-telemagenta-100: #ffcdff;
--color-telemagenta-200: #ffb0ff;
--color-telemagenta-300: #f189f9;
--color-telemagenta-400: #dc63ed;
--color-telemagenta-500: #c933de;
--color-telemagenta-600: #aa2ebb;
--color-telemagenta-700: #892596;
--color-telemagenta-800: #641a72;
--color-telemagenta-900: #461151;
--color-telemagenta-950: #2d0236;
}SCSS
$telemagenta: #b531c7;
$telemagenta-rgb: 181, 49, 199;
$telemagenta-light: mix(#fff, $telemagenta, 20%);
$telemagenta-dark: mix(#000, $telemagenta, 20%);
.element {
color: $telemagenta;
box-shadow: 0 0 0 2px rgba($telemagenta, 0.35);
}