#B77F87

#B77F87

Color Values

HEX

#B77F87

RGB

183, 127, 135

HSL

351.4, 28.0%, 60.8%

HSV

351.4, 30.6%, 71.8%

CMYK

0.0%, 30.6%, 26.2%, 28.2%

OKLCH

0.6551 0.0702 9.8

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#B77F87

#7FB7AF

Analogous

#B77FA3

#B7937F

#B77F87

Triadic

#B77F87

#87B77F

#7F87B7

Split Complementary

#B77F87

#7FB793

#7FA3B7

Tetradic

#B77F87

#A3B77F

#7FB7AF

#937FB7

Color Blindness Simulation

Original

#B77F87

Protanopia

#9F9E85

Deuteranopia

#A2A685

Tritanopia

#B48483

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D1D4
300
#D3B1B6
400
#BB868E
500
#A35C66
600
#834952
700
#683B41
800
#522E33
900
#3D2428
950
#261719

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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