#F5C7DB

#F5C7DB

Color Values

HEX

#F5C7DB

RGB

245, 199, 219

HSL

333.9, 69.7%, 87.1%

HSV

333.9, 18.8%, 96.1%

CMYK

0.0%, 18.8%, 10.6%, 3.9%

OKLCH

0.8753 0.058 350.4

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F5C7DB

#C7F5E1

Analogous

#F5C7F2

#F5CAC7

#F5C7DB

Triadic

#F5C7DB

#DBF5C7

#C7DBF5

Split Complementary

#F5C7DB

#C7F5CA

#C7F2F5

Tetradic

#F5C7DB

#F2F5C7

#C7F5E1

#CAC7F5

Color Blindness Simulation

Original

#F5C7DB

Protanopia

#E1E1D6

Deuteranopia

#E4E7D5

Tritanopia

#F3D2D2

Achromatopsia

#D2D2D2

CSS Usage

background-color: #F5C7DB;
color: #F5C7DB;
border-color: #F5C7DB;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

50
#FCF3F7
100
#F8E3EC
200
#F4C2D8
300
#EC97BC
400
#E25F98
500
#D82774
600
#AD1F5D
700
#8A194A
800
#6C133A
900
#4F122C
950
#320B1C

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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