#BC4737

#BC4737

Color Values

HEX

#BC4737

RGB

188, 71, 55

HSL

7.2, 54.7%, 47.6%

HSV

7.2, 70.7%, 73.7%

CMYK

0.0%, 62.2%, 70.7%, 26.3%

OKLCH

0.5545 0.1542 30.4

Properties

Warm Dark Nearest: tomato 3

Color Harmonies

Complementary

#BC4737

#37ACBC

Analogous

#BC3769

#BC8937

#BC4737

Triadic

#BC4737

#37BC47

#4737BC

Split Complementary

#BC4737

#37BC89

#3769BC

Tetradic

#BC4737

#69BC37

#37ACBC

#8937BC

Color Blindness Simulation

Original

#BC4737

Protanopia

#89883B

Deuteranopia

#90993C

Tritanopia

#B63E3F

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EFCCC8
300
#E3A8A0
400
#D4796D
500
#C54A3A
600
#9E3C2E
700
#7E3025
800
#63251D
900
#481E19
950
#2E1310

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026