#BC7777

#BC7777

Color Values

HEX

#BC7777

RGB

188, 119, 119

HSL

0.0, 34.0%, 60.2%

HSV

0.0, 36.7%, 73.7%

CMYK

0.0%, 36.7%, 36.7%, 26.3%

OKLCH

0.6421 0.087 19.7

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BC7777

#77BCBC

Analogous

#BC779A

#BC9A77

#BC7777

Triadic

#BC7777

#77BC77

#7777BC

Split Complementary

#BC7777

#77BC9A

#779ABC

Tetradic

#BC7777

#9ABC77

#77BCBC

#9A77BC

Color Blindness Simulation

Original

#BC7777

Protanopia

#9E9E77

Deuteranopia

#A2A777

Tritanopia

#B97777

Achromatopsia

#868686

CSS Usage

background-color: #BC7777;
color: #BC7777;
border-color: #BC7777;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E7CFCF
300
#D7ADAD
400
#C18181
500
#AB5454
600
#894343
700
#6D3636
800
#552A2A
900
#3F2222
950
#281515

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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