#B188D5

#B188D5

Color Values

HEX

#B188D5

RGB

177, 136, 213

HSL

271.9, 47.8%, 68.4%

HSV

271.9, 36.2%, 83.5%

CMYK

16.9%, 36.2%, 0.0%, 16.5%

OKLCH

0.6943 0.118 308.0

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B188D5

#ACD588

Analogous

#8A88D5

#D588D2

#B188D5

Triadic

#B188D5

#D5B188

#88D5B1

Split Complementary

#B188D5

#D2D588

#88D58A

Tetradic

#B188D5

#D58A88

#ACD588

#88D2D5

Color Blindness Simulation

Original

#B188D5

Protanopia

#9F9FC2

Deuteranopia

#A2A5BE

Tritanopia

#AFB4B0

Achromatopsia

#969696

CSS Usage

background-color: #B188D5;
color: #B188D5;
border-color: #B188D5;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DCCAEC
300
#C4A5DF
400
#A474CE
500
#8343BC
600
#693597
700
#542B79
800
#42215E
900
#321C45
950
#1F112C

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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