#F6AAFF

#F6AAFF

Color Values

HEX

#F6AAFF

RGB

246, 170, 255

HSL

293.6, 100.0%, 83.3%

HSV

293.6, 33.3%, 100.0%

CMYK

3.5%, 33.3%, 0.0%, 0.0%

OKLCH

0.8386 0.1405 323.0

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F6AAFF

#B3FFAA

Analogous

#CBAAFF

#FFAADD

#F6AAFF

Triadic

#F6AAFF

#FFF6AA

#AAFFF6

Split Complementary

#F6AAFF

#DDFFAA

#AAFFCB

Tetradic

#F6AAFF

#FFCBAA

#B3FFAA

#AADDFF

Color Blindness Simulation

Original

#F6AAFF

Protanopia

#D5D4EA

Deuteranopia

#DADFE6

Tritanopia

#F2DAD7

Achromatopsia

#C0C0C0

CSS Usage

background-color: #F6AAFF;
color: #F6AAFF;
border-color: #F6AAFF;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FCF1FE
100
#F9DEFC
200
#F7B8FF
300
#F285FF
400
#EB42FF
500
#E400FF
600
#B600CC
700
#9200A3
800
#720080
900
#53055C
950
#34033A

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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