#886BA8

#886BA8

Color Values

HEX

#886BA8

RGB

136, 107, 168

HSL

268.5, 26.0%, 53.9%

HSV

268.5, 36.3%, 65.9%

CMYK

19.0%, 36.3%, 0.0%, 34.1%

OKLCH

0.5801 0.0965 305.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#886BA8

#8BA86B

Analogous

#6B6CA8

#A66BA8

#886BA8

Triadic

#886BA8

#A8886B

#6BA888

Split Complementary

#886BA8

#A8A66B

#6CA86B

Tetradic

#886BA8

#A86B6C

#8BA86B

#6BA8A6

Color Blindness Simulation

Original

#886BA8

Protanopia

#7B7B99

Deuteranopia

#7D7F96

Tritanopia

#878E8B

Achromatopsia

#767676

CSS Usage

background-color: #886BA8;
color: #886BA8;
border-color: #886BA8;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DBD2E5
300
#C1B2D2
400
#9F88B9
500
#7E5EA1
600
#654B81
700
#513C67
800
#3F2F50
900
#30253C
950
#1E1726

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.72: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