#B20CC0

#B20CC0

Color Values

HEX

#B20CC0

RGB

178, 12, 192

HSL

295.3, 88.2%, 40.0%

HSV

295.3, 93.7%, 75.3%

CMYK

7.3%, 93.7%, 0.0%, 24.7%

OKLCH

0.5476 0.252 324.2

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B20CC0

#1AC00C

Analogous

#580CC0

#C00C74

#B20CC0

Triadic

#B20CC0

#C0B20C

#0CC0B2

Split Complementary

#B20CC0

#74C00C

#0CC058

Tetradic

#B20CC0

#C0580C

#1AC00C

#0C74C0

Color Blindness Simulation

Original

#B20CC0

Protanopia

#6A6994

Deuteranopia

#74808A

Tritanopia

#AA726B

Achromatopsia

#3C3C3C

CSS Usage

background-color: #B20CC0;
color: #B20CC0;
border-color: #B20CC0;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF2FD
100
#F8E0FB
200
#F6BCFB
300
#EF8CF8
400
#E74DF4
500
#DE0FF0
600
#B20CC0
700
#8E0A9A
800
#6F0878
900
#510A57
950
#330637

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

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