#F6CDED

#F6CDED

Color Values

HEX

#F6CDED

RGB

246, 205, 237

HSL

313,2, 69,5%, 88,4%

HSV

313,2, 16,7%, 96,5%

CMYK

0,0%, 16,7%, 3,7%, 3,5%

OKLCH

0,8928 0,062 333,8

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F6CDED

#CDF6D6

Analogous

#EACDF6

#F6CDD8

#F6CDED

Triadic

#F6CDED

#EDF6CD

#CDEDF6

Split Complementary

#F6CDED

#D8F6CD

#CDF6EA

Tetradic

#F6CDED

#F6EACD

#CDF6D6

#CDD8F6

Color Blindness Simulation

Original

#F6CDED

Protanopia

#E4E4E5

Deuteranopia

#E7EAE3

Tritanopia

#F4DFDE

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#FCF3FA
100
#F8E3F3
200
#F4C2E9
300
#EC97DA
400
#E25FC5
500
#D827B1
600
#AD1F8E
700
#8A1971
800
#6C1359
900
#4F1241
950
#320B29

Contrast Checker

Text on white

1,41:1

AA Fail AAA Fail

Text on black

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