#BF94B0

#BF94B0

Color Values

HEX

#BF94B0

RGB

191, 148, 176

HSL

320.9, 25.1%, 66.5%

HSV

320.9, 22.5%, 74.9%

CMYK

0.0%, 22.5%, 7.9%, 25.1%

OKLCH

0.7154 0.0638 339.7

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#BF94B0

#94BFA3

Analogous

#B994BF

#BF949B

#BF94B0

Triadic

#BF94B0

#B0BF94

#94B0BF

Split Complementary

#BF94B0

#9BBF94

#94BFB9

Tetradic

#BF94B0

#BFB994

#94BFA3

#949BBF

Color Blindness Simulation

Original

#BF94B0

Protanopia

#ACACA9

Deuteranopia

#AFB2A8

Tritanopia

#BDA4A3

Achromatopsia

#9F9F9F

CSS Usage

background-color: #BF94B0;
color: #BF94B0;
border-color: #BF94B0;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E4D2DE
300
#D1B2C6
400
#B889A8
500
#A05F89
600
#804C6E
700
#663D58
800
#503045
900
#3B2634
950
#261821

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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