#F0AEF4

#F0AEF4

Color Values

HEX

#F0AEF4

RGB

240, 174, 244

HSL

296.6, 76.1%, 82.0%

HSV

296.6, 28.7%, 95.7%

CMYK

1.6%, 28.7%, 0.0%, 4.3%

OKLCH

0.8349 0.1188 324.7

Properties

Cool Light Nearest: plum 2

Color Harmonies

Complementary

#F0AEF4

#B2F4AE

Analogous

#CDAEF4

#F4AED5

#F0AEF4

Triadic

#F0AEF4

#F4F0AE

#AEF4F0

Split Complementary

#F0AEF4

#D5F4AE

#AEF4CD

Tetradic

#F0AEF4

#F4CDAE

#B2F4AE

#AED5F4

Color Blindness Simulation

Original

#F0AEF4

Protanopia

#D3D3E3

Deuteranopia

#D7DCDF

Tritanopia

#EDD6D3

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F7E2F9
200
#F3C0F6
300
#EB93F0
400
#E059E8
500
#D61EE1
600
#AB18B4
700
#891490
800
#6B0F70
900
#4E0F52
950
#310A34

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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