#F6D9DA

#F6D9DA

Color Values

HEX

#F6D9DA

RGB

246, 217, 218

HSL

357.9, 61.7%, 90.8%

HSV

357.9, 11.8%, 96.5%

CMYK

0.0%, 11.8%, 11.4%, 3.5%

OKLCH

0.9095 0.0323 15.4

Properties

Warm Light Nearest: mistyrose 2

Color Harmonies

Complementary

#F6D9DA

#D9F6F5

Analogous

#F6D9E9

#F6E7D9

#F6D9DA

Triadic

#F6D9DA

#DAF6D9

#D9DAF6

Split Complementary

#F6D9DA

#D9F6E7

#D9E9F6

Tetradic

#F6D9DA

#E9F6D9

#D9F6F5

#E7D9F6

Color Blindness Simulation

Original

#F6D9DA

Protanopia

#E9E9DA

Deuteranopia

#EBEDDA

Tritanopia

#F5DADA

Achromatopsia

#DFDFDF

CSS Usage

background-color: #F6D9DA;
color: #F6D9DA;
border-color: #F6D9DA;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FBF3F4
100
#F7E4E4
200
#F1C5C7
300
#E89C9F
400
#DB666B
500
#CE3136
600
#A5272B
700
#841F23
800
#67181B
900
#4B1617
950
#300E0F

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026