#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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026