#F0CBE4

#F0CBE4

Color Values

HEX

#F0CBE4

RGB

240, 203, 228

HSL

319.5, 55.2%, 86.9%

HSV

319.5, 15.4%, 94.1%

CMYK

0.0%, 15.4%, 5.0%, 5.9%

OKLCH

0.8809 0.0528 338.0

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F0CBE4

#CBF0D7

Analogous

#EACBF0

#F0CBD2

#F0CBE4

Triadic

#F0CBE4

#E4F0CB

#CBE4F0

Split Complementary

#F0CBE4

#D2F0CB

#CBF0EA

Tetradic

#F0CBE4

#F0EACB

#CBF0D7

#CBD2F0

Color Blindness Simulation

Original

#F0CBE4

Protanopia

#E0E0DE

Deuteranopia

#E2E5DC

Tritanopia

#EED9D8

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FBF4F9
100
#F6E5F0
200
#EFC8E2
300
#E4A0CE
400
#D56DB3
500
#C63998
600
#9E2E7A
700
#7F2561
800
#631D4C
900
#491839
950
#2E0F24

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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