#BA555D

#BA555D

Color Values

HEX

#BA555D

RGB

186, 85, 93

HSL

355.2, 42.3%, 53.1%

HSV

355.2, 54.3%, 72.9%

CMYK

0.0%, 54.3%, 50.0%, 27.1%

OKLCH

0.5778 0.1306 17.2

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#BA555D

#55BAB2

Analogous

#BA558F

#BA7F55

#BA555D

Triadic

#BA555D

#5DBA55

#555DBA

Split Complementary

#BA555D

#55BA7F

#558FBA

Tetradic

#BA555D

#8FBA55

#55BAB2

#7F55BA

Color Blindness Simulation

Original

#BA555D

Protanopia

#8E8D5B

Deuteranopia

#949C5B

Tritanopia

#B55A59

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E8
200
#EACCCF
300
#DCA8AC
400
#C9797F
500
#B54A52
600
#913B42
700
#742F35
800
#5B2529
900
#431E21
950
#2A1315

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

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