#BF99F1

#BF99F1

Color Values

HEX

#BF99F1

RGB

191, 153, 241

HSL

265.9, 75.9%, 77.3%

HSV

265.9, 36.5%, 94.5%

CMYK

20.7%, 36.5%, 0.0%, 5.5%

OKLCH

0.7505 0.1292 303.3

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BF99F1

#CBF199

Analogous

#999FF1

#EB99F1

#BF99F1

Triadic

#BF99F1

#F1BF99

#99F1BF

Split Complementary

#BF99F1

#F1EB99

#9FF199

Tetradic

#BF99F1

#F1999F

#CBF199

#99F1EB

Color Blindness Simulation

Original

#BF99F1

Protanopia

#AFAEDC

Deuteranopia

#B1B4D7

Tritanopia

#BDCBC7

Achromatopsia

#A7A7A7

CSS Usage

background-color: #BF99F1;
color: #BF99F1;
border-color: #BF99F1;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F7F2FC
100
#ECE2F9
200
#D8C0F6
300
#BB93F0
400
#9759E8
500
#721FE0
600
#5B19B3
700
#491490
800
#390F70
900
#2C0F52
950
#1C0A34

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026