#BA676A

#BA676A

Color Values

HEX

#BA676A

RGB

186, 103, 106

HSL

357.8, 37.6%, 56.7%

HSV

357.8, 44.6%, 72.9%

CMYK

0.0%, 44.6%, 43.0%, 27.1%

OKLCH

0.6089 0.1064 18.4

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#BA676A

#67BAB7

Analogous

#BA6794

#BA8E67

#BA676A

Triadic

#BA676A

#6ABA67

#676ABA

Split Complementary

#BA676A

#67BA8E

#6794BA

Tetradic

#BA676A

#94BA67

#67BAB7

#8E67BA

Color Blindness Simulation

Original

#BA676A

Protanopia

#969569

Deuteranopia

#9BA169

Tritanopia

#B66969

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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