#B313B3

#B313B3

Color Values

HEX

#B313B3

RGB

179, 19, 179

HSL

300.0, 80.8%, 38.8%

HSV

300.0, 89.4%, 70.2%

CMYK

0.0%, 89.4%, 0.0%, 29.8%

OKLCH

0.5429 0.2406 328.3

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#B313B3

#13B313

Analogous

#6313B3

#B31363

#B313B3

Triadic

#B313B3

#B3B313

#13B3B3

Split Complementary

#B313B3

#63B313

#13B363

Tetradic

#B313B3

#B36313

#13B313

#1363B3

Color Blindness Simulation

Original

#B313B3

Protanopia

#6E6C8C

Deuteranopia

#778383

Tritanopia

#AB6E67

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1F9
200
#F8BEF8
300
#F390F3
400
#ED54ED
500
#E718E7
600
#B814B8
700
#941094
800
#730C73
900
#540D54
950
#350835

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

3.66:1

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