#BA686B

#BA686B

Color Values

HEX

#BA686B

RGB

186, 104, 107

HSL

357.8, 37.3%, 56.9%

HSV

357.8, 44.1%, 72.9%

CMYK

0.0%, 44.1%, 42.5%, 27.1%

OKLCH

0.6108 0.105 18.3

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#BA686B

#68BAB7

Analogous

#BA6894

#BA8E68

#BA686B

Triadic

#BA686B

#6BBA68

#686BBA

Split Complementary

#BA686B

#68BA8E

#6894BA

Tetradic

#BA686B

#94BA68

#68BAB7

#8E68BA

Color Blindness Simulation

Original

#BA686B

Protanopia

#96966A

Deuteranopia

#9BA16A

Tritanopia

#B66A6A

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CECF
300
#D9ABAD
400
#C47D80
500
#AF5053
600
#8C4043
700
#703335
800
#58282A
900
#412021
950
#291415

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026