#F6C2FF

#F6C2FF

Color Values

HEX

#F6C2FF

RGB

246, 194, 255

HSL

291.1, 100.0%, 88.0%

HSV

291.1, 23.9%, 100.0%

CMYK

3.5%, 23.9%, 0.0%, 0.0%

OKLCH

0.8792 0.0991 321.4

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F6C2FF

#CBFFC2

Analogous

#D7C2FF

#FFC2E9

#F6C2FF

Triadic

#F6C2FF

#FFF6C2

#C2FFF6

Split Complementary

#F6C2FF

#E9FFC2

#C2FFD7

Tetradic

#F6C2FF

#FFD7C2

#CBFFC2

#C2E9FF

Color Blindness Simulation

Original

#F6C2FF

Protanopia

#DFDFF0

Deuteranopia

#E2E6ED

Tritanopia

#F3E5E2

Achromatopsia

#D1D1D1

CSS Usage

background-color: #F6C2FF;
color: #F6C2FF;
border-color: #F6C2FF;
Nearest Tailwind: Fuchsia 200 #F5D0FE

Tailwind Shades

50
#FCF1FE
100
#F8DEFC
200
#F4B8FF
300
#ED85FF
400
#E342FF
500
#D900FF
600
#AE00CC
700
#8B00A3
800
#6D0080
900
#4F055C
950
#32033A

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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