Named color · #AC1DB8
Barney
Barney is #AC1DB8: rgb(172 29 184), hsl(295 73% 42%), oklch(0.54 0.236 324.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Barney color name →
#AC1DB8
oklch(0.54 0.236 324.5)
Color conversions
- HEX
- #ac1db8
- RGB
- rgb(172 29 184)
- HSL
- hsl(295 73% 42%)
- HWB
- hwb(295 11% 28%)
- OKLCH
- oklch(0.54 0.236 324.5)
- OKLab
- oklab(0.54 0.192 -0.137)
- CIE Lab
- lab(42.71 67.11 -48.94)
- LCH
- lch(42.71 83.06 323.9)
- CMYK
- cmyk(7% 84% 0% 28%)
Tints · Shades · Tones
Tints
- B640C0
- BF59C8
- C970D0
- D185D7
- DA9ADE
- E2AEE5
- EAC2EC
- F1D7F2
- F8EBF9
Shades
- 9518A0
- 7F1388
- 690E71
- 54095B
- 400545
- 2D0331
- 1B011E
- 0B000C
- 010002
Tones
- A931B3
- A540AE
- A14BA9
- 9D55A3
- 995D9E
- 956598
- 906C92
- 8B738D
- 867A86
Color harmonies
Complementary +180°
- AC1DB8
Barney
- 00861E
≈ Fatal Fields
Analogous -30° +30°
- AC1DB8
Barney
- 7D3DE5
≈ Bluish Purple
- C60076
≈ Purple Anxiety
Triadic +120° +240°
- AC1DB8
Barney
- 8C6800
≈ Muddy Brown
- 007E87
≈ Go Alpha
Split-complementary +150° +210°
- AC1DB8
Barney
- 6E7600
≈ Spinach Soup
- 00816B
≈ Emperor’s Silk
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.79:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.62:1 · APCA Lc 24
Best text color: #FFFFFF
WCAG 5.79:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--barney: #ac1db8;
--barney-rgb: 172 29 184;
--barney-oklch: oklch(0.54 0.236 324.5);
}
.element {
color: var(--barney);
background-color: hsl(295 73% 42%);
border-color: oklch(0.54 0.236 324.5);
}Tailwind CSS v4
@theme {
--color-barney: #ac1db8;
--color-barney-50: #ffdeff;
--color-barney-100: #ffccff;
--color-barney-200: #ffafff;
--color-barney-300: #f487f6;
--color-barney-400: #df61ea;
--color-barney-500: #cd30da;
--color-barney-600: #ad2cb8;
--color-barney-700: #8b2394;
--color-barney-800: #661871;
--color-barney-900: #48104f;
--color-barney-950: #2e0235;
}SCSS
$barney: #ac1db8;
$barney-rgb: 172, 29, 184;
$barney-light: mix(#fff, $barney, 20%);
$barney-dark: mix(#000, $barney, 20%);
.element {
color: $barney;
box-shadow: 0 0 0 2px rgba($barney, 0.35);
}