#B17D83

#B17D83

Color Values

HEX

#B17D83

RGB

177, 125, 131

HSL

353.1, 25.0%, 59.2%

HSV

353.1, 29.4%, 69.4%

CMYK

0.0%, 29.4%, 26.0%, 30.6%

OKLCH

0.6435 0.0652 11.4

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#B17D83

#7DB1AB

Analogous

#B17D9D

#B1917D

#B17D83

Triadic

#B17D83

#83B17D

#7D83B1

Split Complementary

#B17D83

#7DB191

#7D9DB1

Tetradic

#B17D83

#9DB17D

#7DB1AB

#917DB1

Color Blindness Simulation

Original

#B17D83

Protanopia

#9A9A82

Deuteranopia

#9EA181

Tritanopia

#AE8080

Achromatopsia

#888888

CSS Usage

background-color: #B17D83;
color: #B17D83;
border-color: #B17D83;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E4D2D4
300
#D1B2B6
400
#B8898E
500
#9F6067
600
#804D52
700
#663D42
800
#503033
900
#3B2628
950
#251819

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.13:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026