#BA2931

#BA2931

Color Values

HEX

#BA2931

RGB

186, 41, 49

HSL

356.7, 63.9%, 44.5%

HSV

356.7, 78.0%, 72.9%

CMYK

0.0%, 78.0%, 73.7%, 27.1%

OKLCH

0.5187 0.1806 23.7

Properties

Warm Dark Nearest: RAL 3031 Orient Red

Color Harmonies

Complementary

#BA2931

#29BAB2

Analogous

#BA2979

#BA6929

#BA2931

Triadic

#BA2931

#31BA29

#2931BA

Split Complementary

#BA2931

#29BA69

#2979BA

Tetradic

#BA2931

#79BA29

#29BAB2

#6929BA

Color Blindness Simulation

Original

#BA2931

Protanopia

#7B7A2F

Deuteranopia

#848E2F

Tritanopia

#B32E2D

Achromatopsia

#484848

CSS Usage

background-color: #BA2931;
color: #BA2931;
border-color: #BA2931;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FCF3F4
100
#F7E3E5
200
#F2C4C7
300
#E99B9F
400
#DD646B
500
#D12E37
600
#A7252C
700
#861D23
800
#68171B
900
#4C1518
950
#300D0F

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

3.45:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026