#B206C6

#B206C6

Color Values

HEX

#B206C6

RGB

178, 6, 198

HSL

293.8, 94.1%, 40.0%

HSV

293.8, 97.0%, 77.6%

CMYK

10.1%, 97.0%, 0.0%, 22.4%

OKLCH

0.5502 0.258 322.6

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B206C6

#1AC606

Analogous

#5206C6

#C6067A

#B206C6

Triadic

#B206C6

#C6B206

#06C6B2

Split Complementary

#B206C6

#7AC606

#06C652

Tetradic

#B206C6

#C65206

#1AC606

#067AC6

Color Blindness Simulation

Original

#B206C6

Protanopia

#676698

Deuteranopia

#727E8C

Tritanopia

#A9736B

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F8DFFB
200
#F6BAFD
300
#EF88FB
400
#E748F9
500
#DF08F7
600
#B206C6
700
#8F059E
800
#6F047C
900
#510759
950
#330539

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

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