#BD799B

#BD799B

Color Values

HEX

#BD799B

RGB

189, 121, 155

HSL

330.0, 34.0%, 60.8%

HSV

330.0, 36.0%, 74.1%

CMYK

0.0%, 36.0%, 18.0%, 25.9%

OKLCH

0.6575 0.0952 348.7

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#BD799B

#79BD9B

Analogous

#BD79BD

#BD7979

#BD799B

Triadic

#BD799B

#9BBD79

#799BBD

Split Complementary

#BD799B

#79BD79

#79BDBD

Tetradic

#BD799B

#BDBD79

#79BD9B

#7979BD

Color Blindness Simulation

Original

#BD799B

Protanopia

#A09F93

Deuteranopia

#A4A991

Tritanopia

#BA8C8B

Achromatopsia

#8A8A8A

CSS Usage

background-color: #BD799B;
color: #BD799B;
border-color: #BD799B;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F7
100
#F2E8ED
200
#E7CFDB
300
#D7ADC2
400
#C181A1
500
#AB5480
600
#894366
700
#6D3652
800
#552A40
900
#3F2230
950
#28151F

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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