#B42CB0

#B42CB0

Color Values

HEX

#B42CB0

RGB

180, 44, 176

HSL

301.8, 60.7%, 43.9%

HSV

301.8, 75.6%, 70.6%

CMYK

0.0%, 75.6%, 2.2%, 29.4%

OKLCH

0.5563 0.2208 329.4

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#B42CB0

#2CB430

Analogous

#742CB4

#B42C6C

#B42CB0

Triadic

#B42CB0

#B0B42C

#2CB0B4

Split Complementary

#B42CB0

#6CB42C

#2CB474

Tetradic

#B42CB0

#B4742C

#2CB430

#2C6CB4

Color Blindness Simulation

Original

#B42CB0

Protanopia

#797890

Deuteranopia

#818B88

Tritanopia

#AD7771

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F6
200
#F1C6F0
300
#E79DE5
400
#DA67D6
500
#CD32C8
600
#A428A0
700
#832080
800
#661964
900
#4B1649
950
#2F0E2E

Contrast Checker

Text on white

5.35:1

AA Pass AAA Fail

Text on black

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