#BB7175

#BB7175

Color Values

HEX

#BB7175

RGB

187, 113, 117

HSL

356.8, 35.2%, 58.8%

HSV

356.8, 39.6%, 73.3%

CMYK

0.0%, 39.6%, 37.4%, 26.7%

OKLCH

0.6299 0.0939 16.6

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BB7175

#71BBB7

Analogous

#BB719A

#BB9271

#BB7175

Triadic

#BB7175

#75BB71

#7175BB

Split Complementary

#BB7175

#71BB92

#719ABB

Tetradic

#BB7175

#9ABB71

#71BBB7

#9271BB

Color Blindness Simulation

Original

#BB7175

Protanopia

#9B9A74

Deuteranopia

#9FA574

Tritanopia

#B77373

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E8CFD0
300
#D7ACAF
400
#C27F83
500
#AC5357
600
#8A4246
700
#6E3538
800
#56292C
900
#402123
950
#281516

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

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