#BC6257

#BC6257

Color Values

HEX

#BC6257

RGB

188, 98, 87

HSL

6.5, 43.0%, 53.9%

HSV

6.5, 53.7%, 73.7%

CMYK

0.0%, 47.9%, 53.7%, 26.3%

OKLCH

0.5993 0.1178 28.3

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#BC6257

#57B1BC

Analogous

#BC577E

#BC9457

#BC6257

Triadic

#BC6257

#57BC62

#6257BC

Split Complementary

#BC6257

#57BC94

#577EBC

Tetradic

#BC6257

#7EBC57

#57B1BC

#9457BC

Color Blindness Simulation

Original

#BC6257

Protanopia

#95945A

Deuteranopia

#9AA15A

Tritanopia

#B85C5C

Achromatopsia

#747474

CSS Usage

background-color: #BC6257;
color: #BC6257;
border-color: #BC6257;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FAF5F5
100
#F4E8E7
200
#EBCFCC
300
#DCADA7
400
#C98178
500
#B65549
600
#92443A
700
#75362F
800
#5B2A24
900
#43221E
950
#2A1513

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass 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