#B563B1

#B563B1

Color Values

HEX

#B563B1

RGB

181, 99, 177

HSL

302.9, 35.7%, 54.9%

HSV

302.9, 45.3%, 71.0%

CMYK

0.0%, 45.3%, 2.2%, 29.0%

OKLCH

0.6211 0.1452 328.9

Properties

Warm Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B563B1

#63B567

Analogous

#9063B5

#B56388

#B563B1

Triadic

#B563B1

#B1B563

#63B1B5

Split Complementary

#B563B1

#88B563

#63B590

Tetradic

#B563B1

#B59063

#63B567

#6388B5

Color Blindness Simulation

Original

#B563B1

Protanopia

#91919E

Deuteranopia

#969C9A

Tritanopia

#B18F8C

Achromatopsia

#7A7A7A

CSS Usage

background-color: #B563B1;
color: #B563B1;
border-color: #B563B1;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F9
100
#F3E8F2
200
#E8CFE7
300
#D8ACD6
400
#C27FBF
500
#AD52A9
600
#8A4287
700
#6F346C
800
#572954
900
#40213F
950
#281527

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.38:1

AA Pass AAA Fail

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