#BA6970

#BA6970

Color Values

HEX

#BA6970

RGB

186, 105, 112

HSL

354.8, 37.0%, 57.1%

HSV

354.8, 43.5%, 72.9%

CMYK

0.0%, 43.5%, 39.8%, 27.1%

OKLCH

0.6138 0.1036 15.1

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#BA6970

#69BAB3

Analogous

#BA6999

#BA8B69

#BA6970

Triadic

#BA6970

#70BA69

#6970BA

Split Complementary

#BA6970

#69BA8B

#6999BA

Tetradic

#BA6970

#99BA69

#69BAB3

#8B69BA

Color Blindness Simulation

Original

#BA6970

Protanopia

#97966E

Deuteranopia

#9CA26E

Tritanopia

#B66D6D

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E9
200
#E9CED0
300
#D8ABAF
400
#C47E84
500
#AF5059
600
#8C4047
700
#703339
800
#57282C
900
#412023
950
#291416

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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