#F4C5DB

#F4C5DB

Color Values

HEX

#F4C5DB

RGB

244, 197, 219

HSL

331.9, 68.1%, 86.5%

HSV

331.9, 19.3%, 95.7%

CMYK

0.0%, 19.3%, 10.2%, 4.3%

OKLCH

0.8708 0.0603 348.6

Properties

Warm Light Nearest: Pig Pink

Color Harmonies

Complementary

#F4C5DB

#C5F4DE

Analogous

#F4C5F3

#F4C7C5

#F4C5DB

Triadic

#F4C5DB

#DBF4C5

#C5DBF4

Split Complementary

#F4C5DB

#C5F4C7

#C5F3F4

Tetradic

#F4C5DB

#F3F4C5

#C5F4DE

#C7C5F4

Color Blindness Simulation

Original

#F4C5DB

Protanopia

#E0DFD6

Deuteranopia

#E2E6D4

Tritanopia

#F2D1D1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F4C3DA
300
#EB98BF
400
#E1609D
500
#D6297A
600
#AB2162
700
#891A4E
800
#6B143D
900
#4E132F
950
#310C1D

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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