Color con nombre más cercano · #A22D9F
#A22D9F
Color con nombre más cercano: Purple Ink
#A22D9F (rgb(162 45 159), hsl(302 57% 41%), oklch(0.52 0.198 329.1)) se parece más al color con nombre Purple Ink. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#A22D9F
oklch(0.52 0.198 329.1)
Conversiones de color
- HEX
- #a22d9f
- RGB
- rgb(162 45 159)
- HSL
- hsl(302 57% 41%)
- HWB
- hwb(302 18% 36%)
- OKLCH
- oklch(0.52 0.198 329.1)
- OKLab
- oklab(0.52 0.17 -0.102)
- CIE Lab
- lab(41.25 57.48 -36.54)
- LCH
- lch(41.25 68.11 327.6)
- CMYK
- cmyk(0% 72% 2% 36%)
Tintes · Sombras · Tonos
Tintes
- AD47A9
- B75DB3
- C172BD
- CB86C6
- D49AD0
- DEAEDA
- E6C2E3
- EFD6EC
- F7EBF6
Sombras
- 8C268A
- 771F75
- 631861
- 4F114D
- 3C0B3B
- 2A0629
- 190218
- 0A0109
- 010001
Tonos
- A03A9C
- 9D459A
- 9A4E97
- 985794
- 945E91
- 91668E
- 8D6D8B
- 897387
- 857A84
Armonías de color
Complementario +180°
- A22D9F
Purple Ink
- 007F35
≈ Pharmaceutical Green
Análogo -30° +30°
- A22D9F
Purple Ink
- 7C42C8
≈ Purple Rain
- BA1966
≈ Spiced Purple
Triádico +120° +240°
- A22D9F
Purple Ink
- 826500
≈ Alligator
- 007785
≈ Biscay Bay
Complementario dividido +150° +210°
- A22D9F
Purple Ink
- 627200
≈ Topiary Green
- 007A6A
≈ Shady Glade
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.15:1 · APCA Lc 80
Ag
FailSobre negro
WCAG 3.41:1 · APCA Lc 22
Mejor color de texto: #FFFFFF
WCAG 6.15:1 (AA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--purple-ink: #a22d9f;
--purple-ink-rgb: 162 45 159;
--purple-ink-oklch: oklch(0.52 0.198 329.1);
}
.element {
color: var(--purple-ink);
background-color: hsl(302 57% 41%);
border-color: oklch(0.52 0.198 329.1);
}Tailwind CSS v4
@theme {
--color-purple-ink: #a22d9f;
--color-purple-ink-50: #ffe1ff;
--color-purple-ink-100: #ffd0ff;
--color-purple-ink-200: #ffb5fb;
--color-purple-ink-300: #f08fe5;
--color-purple-ink-400: #dc6dd7;
--color-purple-ink-500: #c846c5;
--color-purple-ink-600: #a93da6;
--color-purple-ink-700: #883085;
--color-purple-ink-800: #642265;
--color-purple-ink-900: #461747;
--color-purple-ink-950: #2d072e;
}SCSS
$purple-ink: #a22d9f;
$purple-ink-rgb: 162, 45, 159;
$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);
}