#BA8FB0

#BA8FB0

Color Values

HEX

#BA8FB0

RGB

186, 143, 176

HSL

314.0, 23.8%, 64.5%

HSV

314.0, 23.1%, 72.9%

CMYK

0.0%, 23.1%, 5.4%, 27.1%

OKLCH

0.701 0.0685 334.7

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#BA8FB0

#8FBA99

Analogous

#AF8FBA

#BA8F9A

#BA8FB0

Triadic

#BA8FB0

#B0BA8F

#8FB0BA

Split Complementary

#BA8FB0

#9ABA8F

#8FBAAF

Tetradic

#BA8FB0

#BAAF8F

#8FBA99

#8F9ABA

Color Blindness Simulation

Original

#BA8FB0

Protanopia

#A7A7A8

Deuteranopia

#AAADA6

Tritanopia

#B8A2A0

Achromatopsia

#9B9B9B

CSS Usage

background-color: #BA8FB0;
color: #BA8FB0;
border-color: #BA8FB0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F1EAEF
200
#E4D3E0
300
#D0B3CA
400
#B78AAD
500
#9E6190
600
#7E4E73
700
#653E5C
800
#4F3148
900
#3B2636
950
#251822

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

7.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026