#B33B6C

#B33B6C

Color Values

HEX

#B33B6C

RGB

179, 59, 108

HSL

335.5, 50.4%, 46.7%

HSV

335.5, 67.0%, 70.2%

CMYK

0.0%, 67.0%, 39.7%, 29.8%

OKLCH

0.5378 0.161 358.9

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#B33B6C

#3BB382

Analogous

#B33BA8

#B3463B

#B33B6C

Triadic

#B33B6C

#6CB33B

#3B6CB3

Split Complementary

#B33B6C

#3BB346

#3BA8B3

Tetradic

#B33B6C

#A8B33B

#3BB382

#463BB3

Color Blindness Simulation

Original

#B33B6C

Protanopia

#7F7E60

Deuteranopia

#868F5D

Tritanopia

#AD5755

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDC9D8
300
#E1A3BC
400
#D07198
500
#C03F74
600
#99335D
700
#7B284A
800
#60203A
900
#461A2C
950
#2C111C

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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