#B33CA2

#B33CA2

Color Values

HEX

#B33CA2

RGB

179, 60, 162

HSL

308.6, 49.8%, 46.9%

HSV

308.6, 66.5%, 70.2%

CMYK

0.0%, 66.5%, 9.5%, 29.8%

OKLCH

0.5614 0.1915 334.0

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#B33CA2

#3CB34D

Analogous

#893CB3

#B33C67

#B33CA2

Triadic

#B33CA2

#A2B33C

#3CA2B3

Split Complementary

#B33CA2

#67B33C

#3CB389

Tetradic

#B33CA2

#B3893C

#3CB34D

#3C67B3

Color Blindness Simulation

Original

#B33CA2

Protanopia

#7F7E89

Deuteranopia

#868F83

Tritanopia

#AD7672

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDCAE8
300
#E0A3D8
400
#D072C2
500
#BF40AD
600
#99338A
700
#7A296F
800
#5F2056
900
#461B40
950
#2C1128

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

4.08:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026