#BC4735

#BC4735

Color Values

HEX

#BC4735

RGB

188, 71, 53

HSL

8.0, 56.0%, 47.3%

HSV

8.0, 71.8%, 73.7%

CMYK

0.0%, 62.2%, 71.8%, 26.3%

OKLCH

0.5542 0.1546 31.2

Properties

Warm Dark Nearest: tomato 3

Color Harmonies

Complementary

#BC4735

#35AABC

Analogous

#BC3567

#BC8B35

#BC4735

Triadic

#BC4735

#35BC47

#4735BC

Split Complementary

#BC4735

#35BC8B

#3567BC

Tetradic

#BC4735

#67BC35

#35AABC

#8B35BC

Color Blindness Simulation

Original

#BC4735

Protanopia

#898839

Deuteranopia

#90993A

Tritanopia

#B63D3E

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026