#B89EC0

#B89EC0

Color Values

HEX

#B89EC0

RGB

184, 158, 192

HSL

285.9, 21.2%, 68.6%

HSV

285.9, 17.7%, 75.3%

CMYK

4.2%, 17.7%, 0.0%, 24.7%

OKLCH

0.7332 0.0562 318.2

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#B89EC0

#A6C09E

Analogous

#A79EC0

#C09EB7

#B89EC0

Triadic

#B89EC0

#C0B89E

#9EC0B8

Split Complementary

#B89EC0

#B7C09E

#9EC0A7

Tetradic

#B89EC0

#C0A79E

#A6C09E

#9EB7C0

Color Blindness Simulation

Original

#B89EC0

Protanopia

#ADADB8

Deuteranopia

#AEB0B6

Tritanopia

#B7B1B0

Achromatopsia

#A6A6A6

CSS Usage

background-color: #B89EC0;
color: #B89EC0;
border-color: #B89EC0;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#DFD4E3
300
#C9B5CF
400
#AB8DB5
500
#8E649B
600
#71507C
700
#5B4063
800
#47324D
900
#35273A
950
#221924

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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