#FB7687

#FB7687

Color Values

HEX

#FB7687

RGB

251, 118, 135

HSL

352.3, 94.3%, 72.4%

HSV

352.3, 53.0%, 98.4%

CMYK

0.0%, 53.0%, 46.2%, 1.6%

OKLCH

0.7264 0.1627 14.1

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FB7687

#76FBEA

Analogous

#FB76CA

#FBA876

#FB7687

Triadic

#FB7687

#87FB76

#7687FB

Split Complementary

#FB7687

#76FBA8

#76CAFB

Tetradic

#FB7687

#CAFB76

#76FBEA

#A876FB

Color Blindness Simulation

Original

#FB7687

Protanopia

#C1C083

Deuteranopia

#C9D382

Tritanopia

#F4807F

Achromatopsia

#949494

CSS Usage

background-color: #FB7687;
color: #FB7687;
border-color: #FB7687;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FDF1F3
100
#FBDFE3
200
#FDBAC2
300
#FC8897
400
#FA485F
500
#F80726
600
#C6061F
700
#9F0518
800
#7C0413
900
#5A0712
950
#39050B

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.04:1

AA Pass AAA Pass

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