#BC3325

#BC3325

Color Values

HEX

#BC3325

RGB

188, 51, 37

HSL

5.6, 67.1%, 44.1%

HSV

5.6, 80.3%, 73.7%

CMYK

0.0%, 72.9%, 80.3%, 26.3%

OKLCH

0.5297 0.176 29.8

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#BC3325

#25AEBC

Analogous

#BC2562

#BC7F25

#BC3325

Triadic

#BC3325

#25BC33

#3325BC

Split Complementary

#BC3325

#25BC7F

#2562BC

Tetradic

#BC3325

#62BC25

#25AEBC

#7F25BC

Color Blindness Simulation

Original

#BC3325

Protanopia

#817F28

Deuteranopia

#899329

Tritanopia

#B52B2C

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F3C8C3
300
#EBA099
400
#E06D61
500
#D53A2A
600
#AA2E22
700
#88251B
800
#6B1D15
900
#4E1913
950
#31100C

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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