#F6C0CF

#F6C0CF

Color Values

HEX

#F6C0CF

RGB

246, 192, 207

HSL

343.3, 75.0%, 85.9%

HSV

343.3, 22.0%, 96.5%

CMYK

0.0%, 22.0%, 15.9%, 3.5%

OKLCH

0.86 0.0646 0.1

Properties

Warm Light Nearest: pink

Color Harmonies

Complementary

#F6C0CF

#C0F6E7

Analogous

#F6C0EA

#F6CCC0

#F6C0CF

Triadic

#F6C0CF

#CFF6C0

#C0CFF6

Split Complementary

#F6C0CF

#C0F6CC

#C0EAF6

Tetradic

#F6C0CF

#EAF6C0

#C0F6E7

#CCC0F6

Color Blindness Simulation

Original

#F6C0CF

Protanopia

#DFDECB

Deuteranopia

#E2E6CA

Tritanopia

#F3C9C8

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FCF2F5
100
#F9E2E8
200
#F6C1CF
300
#F094AD
400
#E75A81
500
#DF2055
600
#B31944
700
#8F1436
800
#70102B
900
#511022
950
#330A15

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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