#B564AC

#B564AC

Color Values

HEX

#B564AC

RGB

181, 100, 172

HSL

306.7, 35.4%, 55.1%

HSV

306.7, 44.8%, 71.0%

CMYK

0.0%, 44.8%, 5.0%, 29.0%

OKLCH

0.6204 0.1389 331.3

Properties

Warm Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#B564AC

#64B56D

Analogous

#9664B5

#B56483

#B564AC

Triadic

#B564AC

#ACB564

#64ACB5

Split Complementary

#B564AC

#83B564

#64B596

Tetradic

#B564AC

#B59664

#64B56D

#6483B5

Color Blindness Simulation

Original

#B564AC

Protanopia

#92919B

Deuteranopia

#979D96

Tritanopia

#B18D8A

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CFE5
300
#D7ACD3
400
#C27FBB
500
#AD52A3
600
#8A4282
700
#6E3568
800
#562951
900
#40213C
950
#281526

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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026