#B7987F

#B7987F

Color Values

HEX

#B7987F

RGB

183, 152, 127

HSL

26.8, 28.0%, 60.8%

HSV

26.8, 30.6%, 71.8%

CMYK

0.0%, 16.9%, 30.6%, 28.2%

OKLCH

0.7013 0.0511 60.7

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#B7987F

#7F9EB7

Analogous

#B77F82

#B7B47F

#B7987F

Triadic

#B7987F

#7FB798

#987FB7

Split Complementary

#B7987F

#7FB7B4

#7F82B7

Tetradic

#B7987F

#82B77F

#7F9EB7

#B47FB7

Color Blindness Simulation

Original

#B7987F

Protanopia

#AAA985

Deuteranopia

#ABAE86

Tritanopia

#B58A8B

Achromatopsia

#9D9D9D

CSS Usage

background-color: #B7987F;
color: #B7987F;
border-color: #B7987F;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F7F6
100
#F1EDE9
200
#E5DAD1
300
#D3C0B1
400
#BB9E86
500
#A37C5C
600
#836349
700
#684F3B
800
#523E2E
900
#3D2F24
950
#261E17

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026