#BA554F

#BA554F

Color Values

HEX

#BA554F

RGB

186, 85, 79

HSL

3,4, 43,7%, 52,0%

HSV

3,4, 57,5%, 72,9%

CMYK

0,0%, 54,3%, 57,5%, 27,1%

OKLCH

0,5748 0,132 25,5

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#BA554F

#4FB4BA

Analogous

#BA4F7F

#BA8B4F

#BA554F

Triadic

#BA554F

#4FBA55

#554FBA

Split Complementary

#BA554F

#4FBA8B

#4F7FBA

Tetradic

#BA554F

#7FBA4F

#4FB4BA

#8B4FBA

Color Blindness Simulation

Original

#BA554F

Protanopia

#8E8D50

Deuteranopia

#949C51

Tritanopia

#B55252

Achromatopsia

#6A6A6A

CSS Usage

background-color: #BA554F;
color: #BA554F;
border-color: #BA554F;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCDCC
300
#DDAAA7
400
#CA7C77
500
#B74E48
600
#933E39
700
#75322E
800
#5C2724
900
#44201D
950
#2B1413

Contrast Checker

Text on white

4,67:1

AA Pass AAA Fail

Text on black

4,5: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