#FB7680

#FB7680

Color Values

HEX

#FB7680

RGB

251, 118, 128

HSL

355.5, 94.3%, 72.4%

HSV

355.5, 53.0%, 98.4%

CMYK

0.0%, 53.0%, 49.0%, 1.6%

OKLCH

0.7248 0.1626 17.4

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FB7680

#76FBF1

Analogous

#FB76C3

#FBAF76

#FB7680

Triadic

#FB7680

#80FB76

#7680FB

Split Complementary

#FB7680

#76FBAF

#76C3FB

Tetradic

#FB7680

#C3FB76

#76FBF1

#AF76FB

Color Blindness Simulation

Original

#FB7680

Protanopia

#C1C07E

Deuteranopia

#C9D37D

Tritanopia

#F47C7B

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FDBABF
300
#FC8891
400
#FA4855
500
#F80719
600
#C60614
700
#9F0510
800
#7C040D
900
#5A070D
950
#390509

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

8.0:1

AA Pass AAA Pass

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