#BF69C3

#BF69C3

Color Values

HEX

#BF69C3

RGB

191, 105, 195

HSL

297.3, 42.9%, 58.8%

HSV

297.3, 46.2%, 76.5%

CMYK

2.1%, 46.2%, 0.0%, 23.5%

OKLCH

0.6505 0.1585 325.6

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#BF69C3

#6DC369

Analogous

#9269C3

#C3699A

#BF69C3

Triadic

#BF69C3

#C3BF69

#69C3BF

Split Complementary

#BF69C3

#9AC369

#69C392

Tetradic

#BF69C3

#C39269

#6DC369

#699AC3

Color Blindness Simulation

Original

#BF69C3

Protanopia

#9A99AD

Deuteranopia

#9FA5A8

Tritanopia

#BB9C98

Achromatopsia

#828282

CSS Usage

background-color: #BF69C3;
color: #BF69C3;
border-color: #BF69C3;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#FAF5FA
100
#F3E7F4
200
#E9CCEB
300
#DAA8DC
400
#C578C9
500
#B149B6
600
#8E3A92
700
#712F75
800
#59245B
900
#411E43
950
#29132A

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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