#F0CDCC

#F0CDCC

Color Values

HEX

#F0CDCC

RGB

240, 205, 204

HSL

1,7, 54,5%, 87,1%

HSV

1,7, 15,0%, 94,1%

CMYK

0,0%, 14,6%, 15,0%, 5,9%

OKLCH

0,8777 0,0396 19,9

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#F0CDCC

#CCEFF0

Analogous

#F0CCDD

#F0DFCC

#F0CDCC

Triadic

#F0CDCC

#CCF0CD

#CDCCF0

Split Complementary

#F0CDCC

#CCF0DF

#CCDDF0

Tetradic

#F0CDCC

#DDF0CC

#CCEFF0

#DFCCF0

Color Blindness Simulation

Original

#F0CDCC

Protanopia

#E1E1CC

Deuteranopia

#E3E6CC

Tritanopia

#EECCCC

Achromatopsia

#D4D4D4

CSS Usage

background-color: #F0CDCC;
color: #F0CDCC;
border-color: #F0CDCC;
Nearest Tailwind: Rose 200 #FECDD3

Tailwind Shades

50
#FBF4F4
100
#F5E5E5
200
#EFC9C8
300
#E3A2A0
400
#D4706D
500
#C53E3A
600
#9E322E
700
#7E2825
800
#621F1D
900
#481A19
950
#2E1010

Contrast Checker

Text on white

1,47:1

AA Fail AAA Fail

Text on black

14,31: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