#B97489

#B97489

Color Values

HEX

#B97489

RGB

185, 116, 137

HSL

341.7, 33.0%, 59.0%

HSV

341.7, 37.3%, 72.5%

CMYK

0.0%, 37.3%, 25.9%, 27.5%

OKLCH

0.6383 0.0904 0.3

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#B97489

#74B9A4

Analogous

#B974AB

#B98174

#B97489

Triadic

#B97489

#89B974

#7489B9

Split Complementary

#B97489

#74B981

#74ABB9

Tetradic

#B97489

#ABB974

#74B9A4

#8174B9

Color Blindness Simulation

Original

#B97489

Protanopia

#9B9B84

Deuteranopia

#9FA483

Tritanopia

#B6807F

Achromatopsia

#848484

CSS Usage

background-color: #B97489;
color: #B97489;
border-color: #B97489;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#F9F5F7
100
#F2E8EB
200
#E7D0D7
300
#D6AEBA
400
#C08295
500
#AA556F
600
#884459
700
#6D3747
800
#552B38
900
#3F222B
950
#28161B

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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