#B286A3

#B286A3

Color Values

HEX

#B286A3

RGB

178, 134, 163

HSL

320.5, 22.2%, 61.2%

HSV

320.5, 24.7%, 69.8%

CMYK

0.0%, 24.7%, 8.4%, 30.2%

OKLCH

0.6715 0.0666 339.5

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#B286A3

#86B295

Analogous

#AB86B2

#B2868D

#B286A3

Triadic

#B286A3

#A3B286

#86A3B2

Split Complementary

#B286A3

#8DB286

#86B2AB

Tetradic

#B286A3

#B2AB86

#86B295

#868DB2

Color Blindness Simulation

Original

#B286A3

Protanopia

#9F9F9C

Deuteranopia

#A2A59A

Tritanopia

#B09695

Achromatopsia

#919191

CSS Usage

background-color: #B286A3;
color: #B286A3;
border-color: #B286A3;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F9F6F8
100
#F1EAEE
200
#E3D3DE
300
#CFB4C6
400
#B68CA7
500
#9C6388
600
#7D4F6D
700
#643F57
800
#4E3244
900
#3A2734
950
#251821

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

6.83:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026