#BD6672

#BD6672

Color Values

HEX

#BD6672

RGB

189, 102, 114

HSL

351.7, 39.7%, 57.1%

HSV

351.7, 46.0%, 74.1%

CMYK

0.0%, 46.0%, 39.7%, 25.9%

OKLCH

0.6133 0.1117 12.1

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#BD6672

#66BDB1

Analogous

#BD669E

#BD8666

#BD6672

Triadic

#BD6672

#72BD66

#6672BD

Split Complementary

#BD6672

#66BD86

#669EBD

Tetradic

#BD6672

#9EBD66

#66BDB1

#8666BD

Color Blindness Simulation

Original

#BD6672

Protanopia

#97976F

Deuteranopia

#9CA36E

Tritanopia

#B96D6C

Achromatopsia

#797979

CSS Usage

background-color: #BD6672;
color: #BD6672;
border-color: #BD6672;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FAF5F5
100
#F3E7E9
200
#E9CDD1
300
#DAAAB0
400
#C67B86
500
#B24D5B
600
#8E3E49
700
#72313A
800
#59262D
900
#421F24
950
#2A1417

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.31:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026