#BB736F

#BB736F

Color Values

HEX

#BB736F

RGB

187, 115, 111

HSL

3.2, 35.8%, 58.4%

HSV

3.2, 40.6%, 73.3%

CMYK

0.0%, 38.5%, 40.6%, 26.7%

OKLCH

0.6319 0.0918 23.4

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#BB736F

#6FB7BB

Analogous

#BB6F91

#BB996F

#BB736F

Triadic

#BB736F

#6FBB73

#736FBB

Split Complementary

#BB736F

#6FBB99

#6F91BB

Tetradic

#BB736F

#91BB6F

#6FB7BB

#996FBB

Color Blindness Simulation

Original

#BB736F

Protanopia

#9C9B70

Deuteranopia

#A0A570

Tritanopia

#B77171

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8D0CF
300
#D8AEAC
400
#C2827F
500
#AD5752
600
#8B4541
700
#6F3834
800
#572B29
900
#402321
950
#281615

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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