#BD686D

#BD686D

Color Values

HEX

#BD686D

RGB

189, 104, 109

HSL

356.5, 39.2%, 57.5%

HSV

356.5, 45.0%, 74.1%

CMYK

0.0%, 45.0%, 42.3%, 25.9%

OKLCH

0.6153 0.1087 17.0

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#BD686D

#68BDB8

Analogous

#BD6898

#BD8E68

#BD686D

Triadic

#BD686D

#6DBD68

#686DBD

Split Complementary

#BD686D

#68BD8E

#6898BD

Tetradic

#BD686D

#98BD68

#68BDB8

#8E68BD

Color Blindness Simulation

Original

#BD686D

Protanopia

#98976C

Deuteranopia

#9DA36C

Tritanopia

#B96B6B

Achromatopsia

#7A7A7A

CSS Usage

background-color: #BD686D;
color: #BD686D;
border-color: #BD686D;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CDCF
300
#DAAAAD
400
#C67C80
500
#B14E53
600
#8E3E43
700
#723235
800
#59272A
900
#421F21
950
#291415

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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