#F2C0DE

#F2C0DE

Color Values

HEX

#F2C0DE

RGB

242, 192, 222

HSL

324.0, 65.8%, 85.1%

HSV

324.0, 20.7%, 94.9%

CMYK

0.0%, 20.7%, 8.3%, 5.1%

OKLCH

0.8607 0.0689 342.0

Properties

Warm Light Nearest: Cotton Candy

Color Harmonies

Complementary

#F2C0DE

#C0F2D4

Analogous

#EDC0F2

#F2C0C5

#F2C0DE

Triadic

#F2C0DE

#DEF2C0

#C0DEF2

Split Complementary

#F2C0DE

#C5F2C0

#C0F2ED

Tetradic

#F2C0DE

#F2EDC0

#C0F2D4

#C0C5F2

Color Blindness Simulation

Original

#F2C0DE

Protanopia

#DCDCD7

Deuteranopia

#DFE3D5

Tritanopia

#EFD1D0

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EF
200
#F3C4E0
300
#EA9ACA
400
#DF63AD
500
#D32C90
600
#A92373
700
#871C5C
800
#6A1648
900
#4D1436
950
#310C22

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.37:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026