Couleur nommée la plus proche · #A589AA
#A589AA
Couleur nommée la plus proche: Metal Petal
#A589AA (rgb(165 137 170), hsl(291 16% 60%), oklch(0.667 0.058 321.2)) est la plus proche de la couleur nommée Metal Petal. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A589AA
oklch(0.667 0.058 321.2)
Conversions de couleur
- HEX
- #a589aa
- RGB
- rgb(165 137 170)
- HSL
- hsl(291 16% 60%)
- HWB
- hwb(291 54% 33%)
- OKLCH
- oklch(0.667 0.058 321.2)
- OKLab
- oklab(0.667 0.045 -0.036)
- CIE Lab
- lab(60.55 15.45 -13.34)
- LCH
- lch(60.55 20.41 319.2)
- CMYK
- cmyk(3% 19% 0% 33%)
Teintes · Ombres · Tons
Teintes
- AE94B2
- B7A0BB
- C0ABC3
- C8B7CC
- D1C3D4
- DACEDD
- E4DAE5
- EDE7EE
- F6F3F6
Ombres
- 8F7693
- 79647D
- 655368
- 514253
- 3D313F
- 2B222D
- 1A141B
- 0A070B
- 010101
Tons
- A188A6
- 9E87A2
- 9A869D
- 968699
- 938595
- 8F8491
- 8B838D
- 878288
- 848184
Harmonies de couleurs
Complémentaire +180°
- A589AA
Metal Petal
- 819E7C
≈ Green Grey
Analogue -30° +30°
- A589AA
Metal Petal
- 948EB6
≈ Brave Purple
- B18698
≈ Light Brown Drab
Triadique +120° +240°
- A589AA
Metal Petal
- A6916C
≈ Ecosystem
- 699FA3
≈ Meadowbrook
Complémentaire divisée +150° +210°
- A589AA
Metal Petal
- 95986F
≈ Silk Road
- 70A090
≈ Greyish Teal
Tétradique +90° +180° +270°
- A589AA
Metal Petal
- B28B74
≈ Macaroon
- 819E7C
≈ Green Grey
- 709BB2
≈ Ocean View
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.10:1 · APCA Lc 58
Ag
AASur noir
WCAG 6.75:1 · APCA Lc 44
Meilleure couleur de texte: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
Extraits de code
CSS
:root {
--metal-petal: #a589aa;
--metal-petal-rgb: 165 137 170;
--metal-petal-oklch: oklch(0.667 0.058 321.2);
}
.element {
color: var(--metal-petal);
background-color: hsl(291 16% 60%);
border-color: oklch(0.667 0.058 321.2);
}Tailwind CSS v4
@theme {
--color-metal-petal: #a589aa;
--color-metal-petal-50: #fef0ff;
--color-metal-petal-100: #f2e2f3;
--color-metal-petal-200: #e1cce3;
--color-metal-petal-300: #c6aec9;
--color-metal-petal-400: #af94b3;
--color-metal-petal-500: #987a9e;
--color-metal-petal-600: #816785;
--color-metal-petal-700: #67526b;
--color-metal-petal-800: #4b3c4f;
--color-metal-petal-900: #342937;
--color-metal-petal-950: #201722;
}SCSS
$metal-petal: #a589aa;
$metal-petal-rgb: 165, 137, 170;
$metal-petal-light: mix(#fff, $metal-petal, 20%);
$metal-petal-dark: mix(#000, $metal-petal, 20%);
.element {
color: $metal-petal;
box-shadow: 0 0 0 2px rgba($metal-petal, 0.35);
}