#B17680

#B17680

Color Values

HEX

#B17680

RGB

177, 118, 128

HSL

349.8, 27.4%, 57.8%

HSV

349.8, 33.3%, 69.4%

CMYK

0.0%, 33.3%, 27.7%, 30.6%

OKLCH

0.6297 0.0752 8.3

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#B17680

#76B1A7

Analogous

#B1769D

#B18976

#B17680

Triadic

#B17680

#80B176

#7680B1

Split Complementary

#B17680

#76B189

#769DB1

Tetradic

#B17680

#9DB176

#76B1A7

#8976B1

Color Blindness Simulation

Original

#B17680

Protanopia

#97977E

Deuteranopia

#9B9F7D

Tritanopia

#AE7C7B

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D2D5
300
#D3B1B7
400
#BB8790
500
#A25D68
600
#824A54
700
#683B43
800
#512E34
900
#3C2529
950
#26171A

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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