#F6AFDA

#F6AFDA

Color Values

HEX

#F6AFDA

RGB

246, 175, 218

HSL

323.7, 79.8%, 82.5%

HSV

323.7, 28.9%, 96.5%

CMYK

0.0%, 28.9%, 11.4%, 3.5%

OKLCH

0.8335 0.0988 342.5

Properties

Warm Light Nearest: Orchid

Color Harmonies

Complementary

#F6AFDA

#AFF6CB

Analogous

#EFAFF6

#F6AFB6

#F6AFDA

Triadic

#F6AFDA

#DAF6AF

#AFDAF6

Split Complementary

#F6AFDA

#B6F6AF

#AFF6EF

Tetradic

#F6AFDA

#F6EFAF

#AFF6CB

#AFB6F6

Color Blindness Simulation

Original

#F6AFDA

Protanopia

#D7D7D0

Deuteranopia

#DBE1CD

Tritanopia

#F2C7C6

Achromatopsia

#C1C1C1

CSS Usage

background-color: #F6AFDA;
color: #F6AFDA;
border-color: #F6AFDA;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF2F8
100
#F9E1F0
200
#F8BFE1
300
#F391CC
400
#EC55B0
500
#E51A95
600
#B71577
700
#93105F
800
#730D4A
900
#530E38
950
#350923

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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