Colore con nome più vicino · #A135AF
#A135AF
Colore con nome più vicino: Magentleman
#A135AF (rgb(161 53 175), hsl(293 54% 45%), oklch(0.536 0.201 322.9)) è più vicino al colore con nome Magentleman. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A135AF
oklch(0.536 0.201 322.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- AB4DB8
- B663C0
- C077C9
- C98AD1
- D39ED9
- DCB1E1
- E5C5E9
- EED8F0
- F7EBF8
Ombre
- 8B2D98
- 762581
- 621D6B
- 4E1556
- 3C0E41
- 2A082E
- 19031C
- 09010B
- 010001
Toni
- 9F40AB
- 9C4AA7
- 9953A2
- 965A9E
- 936299
- 906894
- 8C6F90
- 88758B
- 847A85
Armonie di colore
Complementare +180°
- A135AF
Magentleman
- 008509
≈ Lucky Clover
Analogo -30° +30°
- A135AF
Magentleman
- 764AD5
≈ Aconite Purple
- BD2177
≈ Treasured Love
Triadico +120° +240°
- A135AF
Magentleman
- 8C6600
≈ Alligator
- 007C85
≈ Cote D’Azur
Complementare divisa +150° +210°
- A135AF
Magentleman
- 6F7400
≈ Spinach Soup
- 008067
≈ Generic Viridian
Tetradico +90° +180° +270°
- A135AF
Magentleman
- A85200
≈ Windsor Brown
- 008509
≈ Lucky Clover
- 0077A3
≈ Summer Lake
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.76:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.64:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
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);
}