#F0DCEE

#F0DCEE

Color Values

HEX

#F0DCEE

RGB

240, 220, 238

HSL

306.0, 40.0%, 90.2%

HSV

306.0, 8.3%, 94.1%

CMYK

0.0%, 8.3%, 0.8%, 5.9%

OKLCH

0.9159 0.0323 329.0

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F0DCEE

#DCF0DE

Analogous

#E8DCF0

#F0DCE4

#F0DCEE

Triadic

#F0DCEE

#EEF0DC

#DCEEF0

Split Complementary

#F0DCEE

#E4F0DC

#DCF0E8

Tetradic

#F0DCEE

#F0E8DC

#DCF0DE

#DCE4F0

Color Blindness Simulation

Original

#F0DCEE

Protanopia

#E7E7EA

Deuteranopia

#E8EAE9

Tritanopia

#EFE6E5

Achromatopsia

#E2E2E2

CSS Usage

background-color: #F0DCEE;
color: #F0DCEE;
border-color: #F0DCEE;
Nearest Tailwind: Fuchsia 100 #FAE8FF

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#EACDE7
300
#DAA9D5
400
#C67BBF
500
#B24CA8
600
#8F3D87
700
#72316C
800
#592654
900
#421F3E
950
#2A1427

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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