#BC74BF

#BC74BF

Color Values

HEX

#BC74BF

RGB

188, 116, 191

HSL

297.6, 36.9%, 60.2%

HSV

297.6, 39.3%, 74.9%

CMYK

1.6%, 39.3%, 0.0%, 25.1%

OKLCH

0.6621 0.1337 325.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BC74BF

#77BF74

Analogous

#9774BF

#BF749D

#BC74BF

Triadic

#BC74BF

#BFBC74

#74BFBC

Split Complementary

#BC74BF

#9DBF74

#74BF97

Tetradic

#BC74BF

#BF9774

#77BF74

#749DBF

Color Blindness Simulation

Original

#BC74BF

Protanopia

#9D9CAD

Deuteranopia

#A1A6A8

Tritanopia

#B89F9B

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F2E8F3
200
#E7CEE8
300
#D7ABD8
400
#C17EC3
500
#AB50AF
600
#89408C
700
#6D3370
800
#552857
900
#3F2041
950
#281429

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.39:1

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