#B31DB7

#B31DB7

Color Values

HEX

#B31DB7

RGB

179, 29, 183

HSL

298.4, 72.6%, 41.6%

HSV

298.4, 84.2%, 71.8%

CMYK

2.2%, 84.2%, 0.0%, 28.2%

OKLCH

0.5496 0.2377 327.0

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B31DB7

#21B71D

Analogous

#661DB7

#B71D6E

#B31DB7

Triadic

#B31DB7

#B7B31D

#1DB7B3

Split Complementary

#B31DB7

#6EB71D

#1DB766

Tetradic

#B31DB7

#B7661D

#21B71D

#1D6EB7

Color Blindness Simulation

Original

#B31DB7

Protanopia

#727192

Deuteranopia

#7B8689

Tritanopia

#AB746E

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F4C1F5
300
#EC95EE
400
#E15CE5
500
#D723DC
600
#AC1CB0
700
#8A168D
800
#6C116E
900
#4E1150
950
#320B33

Contrast Checker

Text on white

5.56:1

AA Pass AAA Fail

Text on black

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