#B206B9

#B206B9

Color Values

HEX

#B206B9

RGB

178, 6, 185

HSL

297.7, 93.7%, 37.5%

HSV

297.7, 96.8%, 72.5%

CMYK

3.8%, 96.8%, 0.0%, 27.5%

OKLCH

0.5416 0.2491 326.3

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B206B9

#0DB906

Analogous

#5906B9

#B90666

#B206B9

Triadic

#B206B9

#B9B206

#06B9B2

Split Complementary

#B206B9

#66B906

#06B959

Tetradic

#B206B9

#B95906

#0DB906

#0666B9

Color Blindness Simulation

Original

#B206B9

Protanopia

#67668E

Deuteranopia

#727E83

Tritanopia

#A96B64

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFD
300
#F788FB
400
#F248F9
500
#EE08F7
600
#BE06C6
700
#98059E
800
#77047B
900
#560859
950
#360538

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

3.62:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026