#F0C7FC

#F0C7FC

Color Values

HEX

#F0C7FC

RGB

240, 199, 252

HSL

286.4, 89.8%, 88.4%

HSV

286.4, 21.0%, 98.8%

CMYK

4.8%, 21.0%, 0.0%, 1.2%

OKLCH

0.8816 0.0838 318.5

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#F0C7FC

#D3FCC7

Analogous

#D5C7FC

#FCC7ED

#F0C7FC

Triadic

#F0C7FC

#FCF0C7

#C7FCF0

Split Complementary

#F0C7FC

#EDFCC7

#C7FCD5

Tetradic

#F0C7FC

#FCD5C7

#D3FCC7

#C7EDFC

Color Blindness Simulation

Original

#F0C7FC

Protanopia

#DEDEEF

Deuteranopia

#E1E4EC

Tritanopia

#EEE5E3

Achromatopsia

#D4D4D4

CSS Usage

background-color: #F0C7FC;
color: #F0C7FC;
border-color: #F0C7FC;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FBF2FD
100
#F5E0FB
200
#EDBBFB
300
#E08BF9
400
#CF4CF5
500
#BE0DF2
600
#980AC2
700
#7A089B
800
#5F0779
900
#460958
950
#2C0637

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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