#BF93F2

#BF93F2

Color Values

HEX

#BF93F2

RGB

191, 147, 242

HSL

267.8, 78.5%, 76.3%

HSV

267.8, 39.3%, 94.9%

CMYK

21.1%, 39.3%, 0.0%, 5.1%

OKLCH

0.7405 0.1403 304.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#BF93F2

#C6F293

Analogous

#9397F2

#EF93F2

#BF93F2

Triadic

#BF93F2

#F2BF93

#93F2BF

Split Complementary

#BF93F2

#F2EF93

#97F293

Tetradic

#BF93F2

#F29397

#C6F293

#93F2EF

Color Blindness Simulation

Original

#BF93F2

Protanopia

#ACACDB

Deuteranopia

#AEB2D5

Tritanopia

#BDC9C5

Achromatopsia

#A3A3A3

CSS Usage

background-color: #BF93F2;
color: #BF93F2;
border-color: #BF93F2;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F2FC
100
#ECE1F9
200
#D9BFF7
300
#BE92F2
400
#9B57EB
500
#781BE4
600
#6016B6
700
#4D1292
800
#3C0E72
900
#2E0E53
950
#1D0934

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.67:1

AA Pass AAA Pass

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