#FB7685

#FB7685

Color Values

HEX

#FB7685

RGB

251, 118, 133

HSL

353.2, 94.3%, 72.4%

HSV

353.2, 53.0%, 98.4%

CMYK

0.0%, 53.0%, 47.0%, 1.6%

OKLCH

0.726 0.1626 15.1

Properties

Warm Light Nearest: Wild Watermelon

Color Harmonies

Complementary

#FB7685

#76FBEC

Analogous

#FB76C8

#FBAA76

#FB7685

Triadic

#FB7685

#85FB76

#7685FB

Split Complementary

#FB7685

#76FBAA

#76C8FB

Tetradic

#FB7685

#C8FB76

#76FBEC

#AA76FB

Color Blindness Simulation

Original

#FB7685

Protanopia

#C1C081

Deuteranopia

#C9D380

Tritanopia

#F47F7E

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FDF1F3
100
#FBDFE2
200
#FDBAC1
300
#FC8895
400
#FA485C
500
#F80723
600
#C6061C
700
#9F0516
800
#7C0411
900
#5A0711
950
#39050B

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026