#B31994

#B31994

Color Values

HEX

#B31994

RGB

179, 25, 148

HSL

312.1, 75.5%, 40.0%

HSV

312.1, 86.0%, 70.2%

CMYK

0.0%, 86.0%, 17.3%, 29.8%

OKLCH

0.5279 0.2167 338.6

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#B31994

#19B338

Analogous

#8519B3

#B31947

#B31994

Triadic

#B31994

#94B319

#1994B3

Split Complementary

#B31994

#47B319

#19B385

Tetradic

#B31994

#B38519

#19B338

#1947B3

Color Blindness Simulation

Original

#B31994

Protanopia

#706F76

Deuteranopia

#79856F

Tritanopia

#AB5F5A

Achromatopsia

#434343

CSS Usage

background-color: #B31994;
color: #B31994;
border-color: #B31994;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FCF2FA
100
#F9E2F4
200
#F6C0EB
300
#F094DD
400
#E859CB
500
#E01FB9
600
#B31994
700
#8F1476
800
#70105C
900
#511044
950
#330A2B

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

3.48:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026