Nearest named color · #BA9EC4
#BA9EC4
Nearest named color: Turnip Crown
#BA9EC4 (rgb(186 158 196), hsl(284 24% 69%), oklch(0.736 0.062 317.1)) is closest to the named color Turnip Crown. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BA9EC4
oklch(0.736 0.062 317.1)
Color conversions
- HEX
- #ba9ec4
- RGB
- rgb(186 158 196)
- HSL
- hsl(284 24% 69%)
- HWB
- hwb(284 62% 23%)
- OKLCH
- oklch(0.736 0.062 317.1)
- OKLab
- oklab(0.736 0.046 -0.042)
- CIE Lab
- lab(68.59 15.82 -15.62)
- LCH
- lch(68.59 22.23 315.4)
- CMYK
- cmyk(5% 19% 0% 23%)
Tints · Shades · Tones
Tints
- C1A7CA
- C8B1D0
- CEBAD6
- D5C4DC
- DCCEE1
- E3D7E7
- EAE1ED
- F1EBF3
- F8F5F9
Shades
- A189AA
- 897491
- 726078
- 5C4D61
- 463A4A
- 322935
- 1E1821
- 0D090E
- 020102
Tones
- B49BBD
- AE98B6
- A895AF
- A292A8
- 9D8FA2
- 978C9B
- 918994
- 8B868D
- 868387
Color harmonies
Complementary +180°
- BA9EC4
Turnip Crown
- 98B38D
≈ Basilisk
Analogous -30° +30°
- BA9EC4
Turnip Crown
- A7A4D0
≈ Puturple
- C89AB1
≈ Lady’s Cushions Pink
Triadic +120° +240°
- BA9EC4
Turnip Crown
- C0A57E
≈ Graham Cracker
- 7AB6B7
≈ Kingfisher Turquoise
Split-complementary +150° +210°
- BA9EC4
Turnip Crown
- AEAD7F
≈ Stuffed Olive
- 84B7A2
≈ Indian Ocean
Tetradic +90° +180° +270°
- BA9EC4
Turnip Crown
- CB9E88
≈ Artefact
- 98B38D
≈ Basilisk
- 80B2C8
≈ Heavenly
Contrast & accessibility
Ag
FailOn white
WCAG 2.39:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.77:1 · APCA Lc 55
Best text color: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
CSS
:root {
--turnip-crown: #ba9ec4;
--turnip-crown-rgb: 186 158 196;
--turnip-crown-oklch: oklch(0.736 0.062 317.1);
}
.element {
color: var(--turnip-crown);
background-color: hsl(284 24% 69%);
border-color: oklch(0.736 0.062 317.1);
}Tailwind CSS v4
@theme {
--color-turnip-crown: #ba9ec4;
--color-turnip-crown-50: #fdf0ff;
--color-turnip-crown-100: #f1e2f5;
--color-turnip-crown-200: #e0cce5;
--color-turnip-crown-300: #c6aecc;
--color-turnip-crown-400: #ae93b7;
--color-turnip-crown-500: #977aa2;
--color-turnip-crown-600: #806789;
--color-turnip-crown-700: #66526d;
--color-turnip-crown-800: #4b3c51;
--color-turnip-crown-900: #342939;
--color-turnip-crown-950: #1f1723;
}SCSS
$turnip-crown: #ba9ec4;
$turnip-crown-rgb: 186, 158, 196;
$turnip-crown-light: mix(#fff, $turnip-crown, 20%);
$turnip-crown-dark: mix(#000, $turnip-crown, 20%);
.element {
color: $turnip-crown;
box-shadow: 0 0 0 2px rgba($turnip-crown, 0.35);
}