#F5CEE9

#F5CEE9

Color Values

HEX

#F5CEE9

RGB

245, 206, 233

HSL

318.5, 66.1%, 88.4%

HSV

318.5, 15.9%, 96.1%

CMYK

0.0%, 15.9%, 4.9%, 3.9%

OKLCH

0.8925 0.056 337.3

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F5CEE9

#CEF5DA

Analogous

#EDCEF5

#F5CED5

#F5CEE9

Triadic

#F5CEE9

#E9F5CE

#CEE9F5

Split Complementary

#F5CEE9

#D5F5CE

#CEF5ED

Tetradic

#F5CEE9

#F5EDCE

#CEF5DA

#CED5F5

Color Blindness Simulation

Original

#F5CEE9

Protanopia

#E4E4E2

Deuteranopia

#E6E9E1

Tritanopia

#F3DDDC

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F1
200
#F3C4E4
300
#EA99D1
400
#DF62B9
500
#D42BA0
600
#A92380
700
#881C66
800
#6A1650
900
#4D143B
950
#310C26

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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