#B87775

#B87775

Color Values

HEX

#B87775

RGB

184, 119, 117

HSL

1.8, 32.1%, 59.0%

HSV

1.8, 36.4%, 72.2%

CMYK

0.0%, 35.3%, 36.4%, 27.8%

OKLCH

0.6368 0.0822 21.5

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#B87775

#75B6B8

Analogous

#B87594

#B89875

#B87775

Triadic

#B87775

#75B877

#7775B8

Split Complementary

#B87775

#75B898

#7594B8

Tetradic

#B87775

#94B875

#75B6B8

#9875B8

Color Blindness Simulation

Original

#B87775

Protanopia

#9C9B75

Deuteranopia

#A0A476

Tritanopia

#B57676

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F9F5F5
100
#F2E9E8
200
#E7D1D0
300
#D5AFAE
400
#BF8482
500
#A85957
600
#874745
700
#6C3937
800
#542D2B
900
#3E2322
950
#271616

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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