Color con nombre más cercano · #BA2CA9
#BA2CA9
Color con nombre más cercano: Amora Purple
#BA2CA9 (rgb(186 44 169), hsl(307 62% 45%), oklch(0.562 0.219 333.6)) se parece más al color con nombre Amora Purple. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#BA2CA9
oklch(0.562 0.219 333.6)
Conversiones de color
- HEX
- #ba2ca9
- RGB
- rgb(186 44 169)
- HSL
- hsl(307 62% 45%)
- HWB
- hwb(307 17% 27%)
- OKLCH
- oklch(0.562 0.219 333.6)
- OKLab
- oklab(0.562 0.196 -0.097)
- CIE Lab
- lab(45.82 64.86 -34.98)
- LCH
- lch(45.82 73.69 331.7)
- CMYK
- cmyk(0% 76% 9% 27%)
Tintes · Sombras · Tonos
Tintes
- C348B2
- CB60BB
- D475C4
- DB89CC
- E29DD5
- E9B1DE
- EFC4E6
- F5D8EE
- FAEBF7
Sombras
- A12592
- 891E7C
- 721767
- 5C1153
- 460A3F
- 32052C
- 1E021B
- 0D010A
- 020001
Tonos
- B53BA5
- B146A1
- AC509E
- A6599A
- A16196
- 9B6891
- 956E8D
- 8F7589
- 887A85
Armonías de color
Complementario +180°
- BA2CA9
Amora Purple
- 008C4B
≈ Real Turquoise
Análogo -30° +30°
- BA2CA9
Amora Purple
- 9244DB
≈ Chaste Blossoms
- D21367
≈ Dogwood Rose
Triádico +120° +240°
- BA2CA9
Amora Purple
- 8C7300
≈ Vermin Brown
- 008398
≈ Cruising
Complementario dividido +150° +210°
- BA2CA9
Amora Purple
- 658100
≈ Enchanted Forest
- 00887B
≈ Mystic Turquoise
Tetrádico +90° +180° +270°
- BA2CA9
Amora Purple
- A86100
≈ Raw Umber
- 008C4B
≈ Real Turquoise
- 007BBF
≈ Swedish Blue
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.22:1 · APCA Lc 75
Ag
FailSobre negro
WCAG 4.02:1 · APCA Lc 27
Mejor color de texto: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Fragmentos de código
CSS
:root {
--amora-purple: #ba2ca9;
--amora-purple-rgb: 186 44 169;
--amora-purple-oklch: oklch(0.562 0.219 333.6);
}
.element {
color: var(--amora-purple);
background-color: hsl(307 62% 45%);
border-color: oklch(0.562 0.219 333.6);
}Tailwind CSS v4
@theme {
--color-amora-purple: #ba2ca9;
--color-amora-purple-50: #ffdeff;
--color-amora-purple-100: #ffccff;
--color-amora-purple-200: #ffaff8;
--color-amora-purple-300: #fa88e2;
--color-amora-purple-400: #e763d3;
--color-amora-purple-500: #d434c1;
--color-amora-purple-600: #b32fa3;
--color-amora-purple-700: #902683;
--color-amora-purple-800: #6a1a63;
--color-amora-purple-900: #4b1146;
--color-amora-purple-950: #31032d;
}SCSS
$amora-purple: #ba2ca9;
$amora-purple-rgb: 186, 44, 169;
$amora-purple-light: mix(#fff, $amora-purple, 20%);
$amora-purple-dark: mix(#000, $amora-purple, 20%);
.element {
color: $amora-purple;
box-shadow: 0 0 0 2px rgba($amora-purple, 0.35);
}