#BA454F

#BA454F

Color Values

HEX

#BA454F

RGB

186, 69, 79

HSL

354.9, 45.9%, 50.0%

HSV

354.9, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 57.5%, 27.1%

OKLCH

0.553 0.1509 18.5

Properties

Warm Dark Nearest: indianred 3

Color Harmonies

Complementary

#BA454F

#45BAB0

Analogous

#BA4589

#BA7645

#BA454F

Triadic

#BA454F

#4FBA45

#454FBA

Split Complementary

#BA454F

#45BA76

#4589BA

Tetradic

#BA454F

#89BA45

#45BAB0

#7645BA

Color Blindness Simulation

Original

#BA454F

Protanopia

#87864D

Deuteranopia

#8E974C

Tritanopia

#B44B4A

Achromatopsia

#5F5F5F

CSS Usage

background-color: #BA454F;
color: #BA454F;
border-color: #BA454F;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCE
300
#DEA6AA
400
#CC757D
500
#BA454F
600
#95373F
700
#772C33
800
#5D2227
900
#441C20
950
#2B1214

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

4.05:1

AA Fail 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