#F6CFF0

#F6CFF0

Color Values

HEX

#F6CFF0

RGB

246, 207, 240

HSL

309.2, 68.4%, 88.8%

HSV

309.2, 15.9%, 96.5%

CMYK

0.0%, 15.9%, 2.4%, 3.5%

OKLCH

0.8974 0.0613 331.2

Properties

Warm Light Nearest: thistle 2

Color Harmonies

Complementary

#F6CFF0

#CFF6D5

Analogous

#E8CFF6

#F6CFDC

#F6CFF0

Triadic

#F6CFF0

#F0F6CF

#CFF0F6

Split Complementary

#F6CFF0

#DCF6CF

#CFF6E8

Tetradic

#F6CFF0

#F6E8CF

#CFF6D5

#CFDCF6

Color Blindness Simulation

Original

#F6CFF0

Protanopia

#E5E5E8

Deuteranopia

#E7EAE6

Tritanopia

#F4E2E0

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FCF3FA
100
#F8E3F4
200
#F4C3EC
300
#EC98DF
400
#E160CD
500
#D728BC
600
#AC2096
700
#891A78
800
#6B145E
900
#4E1345
950
#310C2C

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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