Couleur nommée la plus proche · #A53098
#A53098
Couleur nommée la plus proche: Warm Purple
#A53098 (rgb(165 48 152), hsl(307 55% 42%), oklch(0.524 0.191 332.8)) est la plus proche de la couleur nommée Warm Purple. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A53098
oklch(0.524 0.191 332.8)
Conversions de couleur
- HEX
- #a53098
- RGB
- rgb(165 48 152)
- HSL
- hsl(307 55% 42%)
- HWB
- hwb(307 19% 35%)
- OKLCH
- oklch(0.524 0.191 332.8)
- OKLab
- oklab(0.524 0.17 -0.087)
- CIE Lab
- lab(41.84 56.41 -31.37)
- LCH
- lch(41.84 64.54 330.9)
- CMYK
- cmyk(0% 71% 8% 35%)
Teintes · Ombres · Tons
Teintes
- B049A2
- BA5FAD
- C473B7
- CD87C2
- D69BCC
- DFAFD6
- E8C3E0
- F0D7EB
- F8EBF5
Ombres
- 8F2884
- 792170
- 651A5C
- 51134A
- 3D0C38
- 2B0627
- 1A0317
- 0A0108
- 010001
Tons
- A23C96
- A04694
- 9D4F92
- 9A578F
- 965F8D
- 92668B
- 8E6D88
- 8A7486
- 857A83
Harmonies de couleurs
Complémentaire +180°
- A53098
Warm Purple
- 007F42
≈ Jungle Green
Analogue -30° +30°
- A53098
Warm Purple
- 8143C2
≈ Harley Hair Purple
- BA2160
≈ Chaotic Roses
Triadique +120° +240°
- A53098
Warm Purple
- 7F6700
≈ Arousing Alligator
- 007789
≈ Biscay Bay
Complémentaire divisée +150° +210°
- A53098
Warm Purple
- 5D7500
≈ Topiary Green
- 007B6F
≈ Pond Moss
Tétradique +90° +180° +270°
- A53098
Warm Purple
- 995800
≈ Charlie Brown
- 007F42
≈ Jungle Green
- 0070AC
≈ Planetarium
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.04:1 · APCA Lc 79
Ag
FailSur noir
WCAG 3.47:1 · APCA Lc 23
Meilleure couleur de texte: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--warm-purple: #a53098;
--warm-purple-rgb: 165 48 152;
--warm-purple-oklch: oklch(0.524 0.191 332.8);
}
.element {
color: var(--warm-purple);
background-color: hsl(307 55% 42%);
border-color: oklch(0.524 0.191 332.8);
}Tailwind CSS v4
@theme {
--color-warm-purple: #a53098;
--color-warm-purple-50: #ffe1ff;
--color-warm-purple-100: #ffd0ff;
--color-warm-purple-200: #ffb5f5;
--color-warm-purple-300: #f290de;
--color-warm-purple-400: #de6dce;
--color-warm-purple-500: #cb47bb;
--color-warm-purple-600: #ab3e9e;
--color-warm-purple-700: #8a317f;
--color-warm-purple-800: #652360;
--color-warm-purple-900: #471743;
--color-warm-purple-950: #2e072b;
}SCSS
$warm-purple: #a53098;
$warm-purple-rgb: 165, 48, 152;
$warm-purple-light: mix(#fff, $warm-purple, 20%);
$warm-purple-dark: mix(#000, $warm-purple, 20%);
.element {
color: $warm-purple;
box-shadow: 0 0 0 2px rgba($warm-purple, 0.35);
}