#BF76C0

#BF76C0

Color Values

HEX

#BF76C0

RGB

191, 118, 192

HSL

299.2, 37.0%, 60.8%

HSV

299.2, 38.5%, 75.3%

CMYK

0.5%, 38.5%, 0.0%, 24.7%

OKLCH

0.6692 0.1332 326.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BF76C0

#77C076

Analogous

#9A76C0

#C0769C

#BF76C0

Triadic

#BF76C0

#C0BF76

#76C0BF

Split Complementary

#BF76C0

#9CC076

#76C09A

Tetradic

#BF76C0

#C09A76

#77C076

#769CC0

Color Blindness Simulation

Original

#BF76C0

Protanopia

#9F9FAE

Deuteranopia

#A4A9AA

Tritanopia

#BBA09D

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E8F3
200
#E8CEE9
300
#D8ABD8
400
#C37EC4
500
#AD50AF
600
#8B408C
700
#6F3370
800
#572857
900
#402041
950
#291429

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

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