#BC71C0

#BC71C0

Color Values

HEX

#BC71C0

RGB

188, 113, 192

HSL

297.0, 38.5%, 59.8%

HSV

297.0, 41.1%, 75.3%

CMYK

2.1%, 41.1%, 0.0%, 24.7%

OKLCH

0.6578 0.14 325.2

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BC71C0

#75C071

Analogous

#9571C0

#C0719C

#BC71C0

Triadic

#BC71C0

#C0BC71

#71C0BC

Split Complementary

#BC71C0

#9CC071

#71C095

Tetradic

#BC71C0

#C09571

#75C071

#719CC0

Color Blindness Simulation

Original

#BC71C0

Protanopia

#9C9BAD

Deuteranopia

#A0A6A8

Tritanopia

#B89E9A

Achromatopsia

#878787

CSS Usage

background-color: #BC71C0;
color: #BC71C0;
border-color: #BC71C0;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FAF5FA
100
#F2E7F3
200
#E8CEE9
300
#D7AAD9
400
#C17CC5
500
#AC4EB1
600
#893F8D
700
#6E3271
800
#562758
900
#402041
950
#281429

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.26:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026