#FED4D4

#FED4D4

Color Values

HEX

#FED4D4

RGB

254, 212, 212

HSL

0.0, 95.5%, 91.4%

HSV

0.0, 16.5%, 99.6%

CMYK

0.0%, 16.5%, 16.5%, 0.4%

OKLCH

0.9056 0.0472 18.1

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#FED4D4

#D4FEFE

Analogous

#FED4E9

#FEE9D4

#FED4D4

Triadic

#FED4D4

#D4FED4

#D4D4FE

Split Complementary

#FED4D4

#D4FEE9

#D4E9FE

Tetradic

#FED4D4

#E9FED4

#D4FEFE

#E9D4FE

Color Blindness Simulation

Original

#FED4D4

Protanopia

#ECEBD4

Deuteranopia

#EEF1D4

Tritanopia

#FCD4D4

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FDB9B9
300
#FC8787
400
#FB4747
500
#F90606
600
#C70505
700
#A00404
800
#7D0303
900
#5A0707
950
#390404

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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