#B207C5

#B207C5

Color Values

HEX

#B207C5

RGB

178, 7, 197

HSL

294.0, 93.1%, 40.0%

HSV

294.0, 96.4%, 77.3%

CMYK

9.6%, 96.4%, 0.0%, 22.7%

OKLCH

0.5498 0.257 322.9

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#B207C5

#1AC507

Analogous

#5307C5

#C50779

#B207C5

Triadic

#B207C5

#C5B207

#07C5B2

Split Complementary

#B207C5

#79C507

#07C553

Tetradic

#B207C5

#C55307

#1AC507

#0779C5

Color Blindness Simulation

Original

#B207C5

Protanopia

#686697

Deuteranopia

#727F8C

Tritanopia

#A9736B

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F8DFFB
200
#F6BAFD
300
#EF89FB
400
#E749F8
500
#DE09F6
600
#B207C5
700
#8E069E
800
#6F047B
900
#510859
950
#330538

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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