Nearest named color · #BA81F0
#BA81F0
Nearest named color: Illicit Purple
#BA81F0 (rgb(186 129 240), hsl(271 79% 72%), oklch(0.705 0.166 306.3)) is closest to the named color Illicit Purple. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BA81F0
oklch(0.705 0.166 306.3)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- C18EF2
- C79BF4
- CEA8F6
- D5B4F8
- DCC1FA
- E3CDFB
- EADAFD
- F1E6FE
- F8F3FE
Shades
- A16FD1
- 895EB2
- 724E95
- 5C3E78
- 462E5D
- 321F43
- 1E122A
- 0D0614
- 020103
Tones
- B482E5
- AE82DA
- A883CE
- A283C3
- 9D83B8
- 9783AD
- 9182A2
- 8B8297
- 86818B
Color harmonies
Complementary +180°
- BA81F0
Illicit Purple
- 85B128
≈ Football Field
Analogous -30° +30°
- BA81F0
Illicit Purple
- 8794FF
≈ Periwinkle Blue
- DE73C6
≈ Explicit Pink
Triadic +120° +240°
- BA81F0
Illicit Purple
- E08900
≈ Non-Stop Orange
- 00B8AC
≈ Turquoise Topaz
Split-complementary +150° +210°
- BA81F0
Illicit Purple
- BA9E00
≈ Perennial
- 17BD73
≈ Fennel Fiesta
Tetradic +90° +180° +270°
- BA81F0
Illicit Purple
- F47451
≈ Coral Rose
- 85B128
≈ Football Field
- 00B2D2
≈ Aquarius
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.48:1 · APCA Lc 48
Best text color: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
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);
}