Color con nombre más cercano · #A135AF
#A135AF
Color con nombre más cercano: Magentleman
#A135AF (rgb(161 53 175), hsl(293 54% 45%), oklch(0.536 0.201 322.9)) se parece más al color con nombre Magentleman. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#A135AF
oklch(0.536 0.201 322.9)
Conversiones de color
- HEX
- #a135af
- RGB
- rgb(161 53 175)
- HSL
- hsl(293 54% 45%)
- HWB
- hwb(293 21% 31%)
- OKLCH
- oklch(0.536 0.201 322.9)
- OKLab
- oklab(0.536 0.161 -0.121)
- CIE Lab
- lab(42.88 56.48 -43.49)
- LCH
- lch(42.88 71.28 322.4)
- CMYK
- cmyk(8% 70% 0% 31%)
Tintes · Sombras · Tonos
Tintes
- AB4DB8
- B663C0
- C077C9
- C98AD1
- D39ED9
- DCB1E1
- E5C5E9
- EED8F0
- F7EBF8
Sombras
- 8B2D98
- 762581
- 621D6B
- 4E1556
- 3C0E41
- 2A082E
- 19031C
- 09010B
- 010001
Tonos
- 9F40AB
- 9C4AA7
- 9953A2
- 965A9E
- 936299
- 906894
- 8C6F90
- 88758B
- 847A85
Armonías de color
Complementario +180°
- A135AF
Magentleman
- 008509
≈ Lucky Clover
Análogo -30° +30°
- A135AF
Magentleman
- 764AD5
≈ Aconite Purple
- BD2177
≈ Treasured Love
Triádico +120° +240°
- A135AF
Magentleman
- 8C6600
≈ Alligator
- 007C85
≈ Cote D’Azur
Complementario dividido +150° +210°
- A135AF
Magentleman
- 6F7400
≈ Spinach Soup
- 008067
≈ Generic Viridian
Tetrádico +90° +180° +270°
- A135AF
Magentleman
- A85200
≈ Windsor Brown
- 008509
≈ Lucky Clover
- 0077A3
≈ Summer Lake
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.76:1 · APCA Lc 78
Ag
FailSobre negro
WCAG 3.64:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--magentleman: #a135af;
--magentleman-rgb: 161 53 175;
--magentleman-oklch: oklch(0.536 0.201 322.9);
}
.element {
color: var(--magentleman);
background-color: hsl(293 54% 45%);
border-color: oklch(0.536 0.201 322.9);
}Tailwind CSS v4
@theme {
--color-magentleman: #a135af;
--color-magentleman-50: #ffe2ff;
--color-magentleman-100: #ffd1ff;
--color-magentleman-200: #ffb6ff;
--color-magentleman-300: #ea91f0;
--color-magentleman-400: #d56fe2;
--color-magentleman-500: #c148d1;
--color-magentleman-600: #a33fb1;
--color-magentleman-700: #83328e;
--color-magentleman-800: #60246c;
--color-magentleman-900: #43184c;
--color-magentleman-950: #2b0732;
}SCSS
$magentleman: #a135af;
$magentleman-rgb: 161, 53, 175;
$magentleman-light: mix(#fff, $magentleman, 20%);
$magentleman-dark: mix(#000, $magentleman, 20%);
.element {
color: $magentleman;
box-shadow: 0 0 0 2px rgba($magentleman, 0.35);
}