Cor nomeada mais próxima · #BA81F0
#BA81F0
Cor nomeada mais próxima: Illicit Purple
#BA81F0 (rgb(186 129 240), hsl(271 79% 72%), oklch(0.705 0.166 306.3)) é mais próxima da cor nomeada Illicit Purple. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BA81F0
oklch(0.705 0.166 306.3)
Conversões de cor
- HEX
- #ba81f0
- RGB
- rgb(186 129 240)
- HSL
- hsl(271 79% 72%)
- HWB
- hwb(271 51% 6%)
- OKLCH
- oklch(0.705 0.166 306.3)
- OKLab
- oklab(0.705 0.098 -0.133)
- CIE Lab
- lab(63.3 38.21 -48.03)
- LCH
- lch(63.3 61.38 308.5)
- CMYK
- cmyk(23% 46% 0% 6%)
Tons claros · Sombras · Tons
Tons claros
- C18EF2
- C79BF4
- CEA8F6
- D5B4F8
- DCC1FA
- E3CDFB
- EADAFD
- F1E6FE
- F8F3FE
Sombras
- A16FD1
- 895EB2
- 724E95
- 5C3E78
- 462E5D
- 321F43
- 1E122A
- 0D0614
- 020103
Tons
- B482E5
- AE82DA
- A883CE
- A283C3
- 9D83B8
- 9783AD
- 9182A2
- 8B8297
- 86818B
Harmonias de cor
Complementar +180°
- BA81F0
Illicit Purple
- 85B128
≈ Football Field
Análoga -30° +30°
- BA81F0
Illicit Purple
- 8794FF
≈ Periwinkle Blue
- DE73C6
≈ Explicit Pink
Tríade +120° +240°
- BA81F0
Illicit Purple
- E08900
≈ Non-Stop Orange
- 00B8AC
≈ Turquoise Topaz
Complementar dividida +150° +210°
- BA81F0
Illicit Purple
- BA9E00
≈ Perennial
- 17BD73
≈ Fennel Fiesta
Tétrade +90° +180° +270°
- BA81F0
Illicit Purple
- F47451
≈ Coral Rose
- 85B128
≈ Football Field
- 00B2D2
≈ Aquarius
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.48:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--illicit-purple: #ba81f0;
--illicit-purple-rgb: 186 129 240;
--illicit-purple-oklch: oklch(0.705 0.166 306.3);
}
.element {
color: var(--illicit-purple);
background-color: hsl(271 79% 72%);
border-color: oklch(0.705 0.166 306.3);
}Tailwind CSS v4
@theme {
--color-illicit-purple: #ba81f0;
--color-illicit-purple-50: #ffe9ff;
--color-illicit-purple-100: #f7daff;
--color-illicit-purple-200: #e8c1ff;
--color-illicit-purple-300: #cf9ff8;
--color-illicit-purple-400: #b782eb;
--color-illicit-purple-500: #a262db;
--color-illicit-purple-600: #8954b9;
--color-illicit-purple-700: #6e4394;
--color-illicit-purple-800: #4f3070;
--color-illicit-purple-900: #37214f;
--color-illicit-purple-950: #221034;
}SCSS
$illicit-purple: #ba81f0;
$illicit-purple-rgb: 186, 129, 240;
$illicit-purple-light: mix(#fff, $illicit-purple, 20%);
$illicit-purple-dark: mix(#000, $illicit-purple, 20%);
.element {
color: $illicit-purple;
box-shadow: 0 0 0 2px rgba($illicit-purple, 0.35);
}