#B33570

#B33570

Color Values

HEX

#B33570

RGB

179, 53, 112

HSL

331.9, 54.3%, 45.5%

HSV

331.9, 70.4%, 70.2%

CMYK

0.0%, 70.4%, 37.4%, 29.8%

OKLCH

0.5328 0.1702 355.8

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B33570

#35B378

Analogous

#B335AF

#B33935

#B33570

Triadic

#B33570

#70B335

#3570B3

Split Complementary

#B33570

#35B339

#35AFB3

Tetradic

#B33570

#AFB335

#35B378

#3935B3

Color Blindness Simulation

Original

#B33570

Protanopia

#7C7B62

Deuteranopia

#848D5E

Tritanopia

#AD5654

Achromatopsia

#545454

CSS Usage

background-color: #B33570;
color: #B33570;
border-color: #B33570;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FBF4F7
100
#F5E5ED
200
#EFC8DA
300
#E3A1C0
400
#D46D9D
500
#C53A7B
600
#9D2F62
700
#7E254F
800
#621D3E
900
#48192F
950
#2E101E

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