#B31363

#B31363

Color Values

HEX

#B31363

RGB

179, 19, 99

HSL

330.0, 80.8%, 38.8%

HSV

330.0, 89.4%, 70.2%

CMYK

0.0%, 89.4%, 44.7%, 29.8%

OKLCH

0.5043 0.1956 358.5

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#B31363

#13B363

Analogous

#B313B3

#B31313

#B31363

Triadic

#B31363

#63B313

#1363B3

Split Complementary

#B31363

#13B313

#13B3B3

Tetradic

#B31363

#B3B313

#13B363

#1313B3

Color Blindness Simulation

Original

#B31363

Protanopia

#6E6C50

Deuteranopia

#77834B

Tritanopia

#AB403D

Achromatopsia

#3B3B3B

CSS Usage

background-color: #B31363;
color: #B31363;
border-color: #B31363;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BEDB
300
#F390C2
400
#ED54A1
500
#E71880
600
#B81466
700
#941052
800
#730C40
900
#540D30
950
#35081F

Contrast Checker

Text on white

6.58:1

AA Pass AAA Fail

Text on black

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