#B77F86

#B77F86

Color Values

HEX

#B77F86

RGB

183, 127, 134

HSL

352.5, 28.0%, 60.8%

HSV

352.5, 30.6%, 71.8%

CMYK

0.0%, 30.6%, 26.8%, 28.2%

OKLCH

0.6548 0.0701 10.9

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#B77F86

#7FB7B0

Analogous

#B77FA2

#B7947F

#B77F86

Triadic

#B77F86

#86B77F

#7F86B7

Split Complementary

#B77F86

#7FB794

#7FA2B7

Tetradic

#B77F86

#A2B77F

#7FB7B0

#947FB7

Color Blindness Simulation

Original

#B77F86

Protanopia

#9F9E84

Deuteranopia

#A2A684

Tritanopia

#B48383

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D1D4
300
#D3B1B5
400
#BB868D
500
#A35C65
600
#834951
700
#683B40
800
#522E32
900
#3D2427
950
#261719

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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