#BA4735

#BA4735

Color Values

HEX

#BA4735

RGB

186, 71, 53

HSL

8.1, 55.6%, 46.9%

HSV

8.1, 71.5%, 72.9%

CMYK

0.0%, 61.8%, 71.5%, 27.1%

OKLCH

0.551 0.1524 31.3

Properties

Warm Dark Nearest: tomato 3

Color Harmonies

Complementary

#BA4735

#35A8BA

Analogous

#BA3566

#BA8A35

#BA4735

Triadic

#BA4735

#35BA47

#4735BA

Split Complementary

#BA4735

#35BA8A

#3566BA

Tetradic

#BA4735

#66BA35

#35A8BA

#8A35BA

Color Blindness Simulation

Original

#BA4735

Protanopia

#888739

Deuteranopia

#8F983A

Tritanopia

#B43D3E

Achromatopsia

#5E5E5E

CSS Usage

background-color: #BA4735;
color: #BA4735;
border-color: #BA4735;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FBF5F4
100
#F6E7E5
200
#EFCDC7
300
#E4A9A0
400
#D57A6C
500
#C64C39
600
#9F3D2D
700
#7F3024
800
#63261C
900
#491F18
950
#2E130F

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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