#BD646D

#BD646D

Color Values

HEX

#BD646D

RGB

189, 100, 109

HSL

353.9, 40.3%, 56.7%

HSV

353.9, 47.1%, 74.1%

CMYK

0.0%, 47.1%, 42.3%, 25.9%

OKLCH

0.6088 0.1142 14.7

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#BD646D

#64BDB4

Analogous

#BD649A

#BD8864

#BD646D

Triadic

#BD646D

#6DBD64

#646DBD

Split Complementary

#BD646D

#64BD88

#649ABD

Tetradic

#BD646D

#9ABD64

#64BDB4

#8864BD

Color Blindness Simulation

Original

#BD646D

Protanopia

#96966B

Deuteranopia

#9CA26A

Tritanopia

#B96969

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACDD0
300
#DAA9AE
400
#C77B82
500
#B34C57
600
#8F3D45
700
#723137
800
#59262B
900
#421F22
950
#2A1416

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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