#BC77C6

#BC77C6

Color Values

HEX

#BC77C6

RGB

188, 119, 198

HSL

292.4, 40.9%, 62.2%

HSV

292.4, 39.9%, 77.6%

CMYK

5.1%, 39.9%, 0.0%, 22.4%

OKLCH

0.6701 0.1356 322.3

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BC77C6

#81C677

Analogous

#9577C6

#C677A9

#BC77C6

Triadic

#BC77C6

#C6BC77

#77C6BC

Split Complementary

#BC77C6

#A9C677

#77C695

Tetradic

#BC77C6

#C69577

#81C677

#77A9C6

Color Blindness Simulation

Original

#BC77C6

Protanopia

#9E9EB3

Deuteranopia

#A2A7AE

Tritanopia

#B9A4A0

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F2E7F3
200
#E6CDEA
300
#D4A9DB
400
#BD7AC7
500
#A64BB4
600
#853C90
700
#6B3073
800
#53265A
900
#3E1F42
950
#27132A

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.59:1

AA Pass 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