#F0DCFB

#F0DCFB

Color Values

HEX

#F0DCFB

RGB

240, 220, 251

HSL

278.7, 79.5%, 92.4%

HSV

278.7, 12.4%, 98.4%

CMYK

4.4%, 12.4%, 0.0%, 1.6%

OKLCH

0.92 0.0466 313.8

Properties

Cool Light Nearest: thistle 1

Color Harmonies

Complementary

#F0DCFB

#E7FBDC

Analogous

#E1DCFB

#FBDCF7

#F0DCFB

Triadic

#F0DCFB

#FBF0DC

#DCFBF0

Split Complementary

#F0DCFB

#F7FBDC

#DCFBE1

Tetradic

#F0DCFB

#FBE1DC

#E7FBDC

#DCF7FB

Color Blindness Simulation

Original

#F0DCFB

Protanopia

#E7E7F4

Deuteranopia

#E8EAF2

Tritanopia

#EFEEEC

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F9F2FD
100
#F1E1F9
200
#E4BFF8
300
#D091F2
400
#B656EC
500
#9D1AE5
600
#7E15B7
700
#641192
800
#4E0D72
900
#3B0E53
950
#250934

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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