#B31AB7

#B31AB7

Color Values

HEX

#B31AB7

RGB

179, 26, 183

HSL

298.5, 75.1%, 41.0%

HSV

298.5, 85.8%, 71.8%

CMYK

2.2%, 85.8%, 0.0%, 28.2%

OKLCH

0.5482 0.2396 327.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B31AB7

#1EB71A

Analogous

#651AB7

#B71A6C

#B31AB7

Triadic

#B31AB7

#B7B31A

#1AB7B3

Split Complementary

#B31AB7

#6CB71A

#1AB765

Tetradic

#B31AB7

#B7651A

#1EB71A

#1A6CB7

Color Blindness Simulation

Original

#B31AB7

Protanopia

#716F91

Deuteranopia

#7A8588

Tritanopia

#AB736C

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E2F9
200
#F5C0F6
300
#ED94F0
400
#E45AE8
500
#DA20DF
600
#AF19B3
700
#8C148F
800
#6D1070
900
#501051
950
#320A33

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

3.75:1

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