#F4AAFF

#F4AAFF

Color Values

HEX

#F4AAFF

RGB

244, 170, 255

HSL

292.2, 100.0%, 83.3%

HSV

292.2, 33.3%, 100.0%

CMYK

4.3%, 33.3%, 0.0%, 0.0%

OKLCH

0.8366 0.1393 322.1

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F4AAFF

#B5FFAA

Analogous

#C9AAFF

#FFAADF

#F4AAFF

Triadic

#F4AAFF

#FFF4AA

#AAFFF4

Split Complementary

#F4AAFF

#DFFFAA

#AAFFC9

Tetradic

#F4AAFF

#FFC9AA

#B5FFAA

#AADFFF

Color Blindness Simulation

Original

#F4AAFF

Protanopia

#D4D3EA

Deuteranopia

#D8DEE6

Tritanopia

#F0DAD7

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F8DEFC
200
#F6B8FF
300
#EF85FF
400
#E642FF
500
#DE00FF
600
#B100CC
700
#8E00A3
800
#6F0080
900
#51055C
950
#33033A

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.04:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026