#F4AFE8

#F4AFE8

Color Values

HEX

#F4AFE8

RGB

244, 175, 232

HSL

310.4, 75.8%, 82.2%

HSV

310.4, 28.3%, 95.7%

CMYK

0.0%, 28.3%, 4.9%, 4.3%

OKLCH

0.8362 0.1084 332.8

Properties

Warm Light Nearest: plum 2

Color Harmonies

Complementary

#F4AFE8

#AFF4BB

Analogous

#DEAFF4

#F4AFC6

#F4AFE8

Triadic

#F4AFE8

#E8F4AF

#AFE8F4

Split Complementary

#F4AFE8

#C6F4AF

#AFF4DE

Tetradic

#F4AFE8

#F4DEAF

#AFF4BB

#AFC6F4

Color Blindness Simulation

Original

#F4AFE8

Protanopia

#D6D6DA

Deuteranopia

#DADFD7

Tritanopia

#F1CFCD

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FCF2FB
100
#F9E2F5
200
#F6C0ED
300
#F093E0
400
#E859CF
500
#E01FBF
600
#B31999
700
#8F147A
800
#700F5F
900
#520F46
950
#330A2C

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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