#B631AC

#B631AC

Color Values

HEX

#B631AC

RGB

182, 49, 172

HSL

304.5, 57.6%, 45.3%

HSV

304.5, 73.1%, 71.4%

CMYK

0.0%, 73.1%, 5.5%, 28.6%

OKLCH

0.561 0.2137 331.3

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#B631AC

#31B63B

Analogous

#7D31B6

#B6316A

#B631AC

Triadic

#B631AC

#ACB631

#31ACB6

Split Complementary

#B631AC

#6AB631

#31B67D

Tetradic

#B631AC

#B67D31

#31B63B

#316AB6

Color Blindness Simulation

Original

#B631AC

Protanopia

#7C7B8E

Deuteranopia

#848E87

Tritanopia

#AF7772

Achromatopsia

#565656

CSS Usage

background-color: #B631AC;
color: #B631AC;
border-color: #B631AC;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C7ED
300
#E59FE0
400
#D76ACF
500
#C936BE
600
#A12B98
700
#81237A
800
#641B5F
900
#4A1746
950
#2E0F2C

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

4.02:1

AA Fail 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