#BA252A

#BA252A

Color Values

HEX

#BA252A

RGB

186, 37, 42

HSL

358.0, 66.8%, 43.7%

HSV

358.0, 80.1%, 72.9%

CMYK

0.0%, 80.1%, 77.4%, 27.1%

OKLCH

0.5147 0.1843 25.2

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#BA252A

#25BAB5

Analogous

#BA2574

#BA6A25

#BA252A

Triadic

#BA252A

#2ABA25

#252ABA

Split Complementary

#BA252A

#25BA6A

#2574BA

Tetradic

#BA252A

#74BA25

#25BAB5

#6A25BA

Color Blindness Simulation

Original

#BA252A

Protanopia

#797829

Deuteranopia

#828D28

Tritanopia

#B32828

Achromatopsia

#454545

CSS Usage

background-color: #BA252A;
color: #BA252A;
border-color: #BA252A;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF3F3
100
#F7E3E4
200
#F3C3C5
300
#EB999C
400
#E06266
500
#D52A30
600
#AA2226
700
#881B1F
800
#6A1518
900
#4E1315
950
#310C0D

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

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