#F4ABFA

#F4ABFA

Color Values

HEX

#F4ABFA

RGB

244, 171, 250

HSL

295,4, 88,8%, 82,5%

HSV

295,4, 31,6%, 98,0%

CMYK

2,4%, 31,6%, 0,0%, 2,0%

OKLCH

0,8363 0,1325 324,1

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F4ABFA

#B1FAAB

Analogous

#CCABFA

#FAABD8

#F4ABFA

Triadic

#F4ABFA

#FAF4AB

#ABFAF4

Split Complementary

#F4ABFA

#D8FAAB

#ABFACC

Tetradic

#F4ABFA

#FACCAB

#B1FAAB

#ABD8FA

Color Blindness Simulation

Original

#F4ABFA

Protanopia

#D4D4E7

Deuteranopia

#D9DEE2

Tritanopia

#F0D8D4

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E0FB
200
#F6BCFB
300
#F08BF8
400
#E84DF4
500
#DF0EF1
600
#B30BC1
700
#8F099A
800
#700778
900
#510A57
950
#330637

Contrast Checker

Text on white

1,74:1

AA Fail AAA Fail

Text on black

12,05:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026