#B22FB6

#B22FB6

Color Values

HEX

#B22FB6

RGB

178, 47, 182

HSL

298.2, 59.0%, 44.9%

HSV

298.2, 74.2%, 71.4%

CMYK

2.2%, 74.2%, 0.0%, 28.6%

OKLCH

0.5591 0.2214 326.7

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#B22FB6

#33B62F

Analogous

#6E2FB6

#B62F77

#B22FB6

Triadic

#B22FB6

#B6B22F

#2FB6B2

Split Complementary

#B22FB6

#77B62F

#2FB66E

Tetradic

#B22FB6

#B66E2F

#33B62F

#2F77B6

Color Blindness Simulation

Original

#B22FB6

Protanopia

#797895

Deuteranopia

#818B8E

Tritanopia

#AB7C76

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F6
200
#EFC6F0
300
#E49EE6
400
#D569D8
500
#C634CB
600
#9F2AA2
700
#7F2182
800
#631A65
900
#49174A
950
#2E0E2F

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

3.98:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026