#F4BCFA

#F4BCFA

Color Values

HEX

#F4BCFA

RGB

244, 188, 250

HSL

294.2, 86.1%, 85.9%

HSV

294.2, 24.8%, 98.0%

CMYK

2.4%, 24.8%, 0.0%, 2.0%

OKLCH

0.8651 0.1031 323.2

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F4BCFA

#C2FABC

Analogous

#D5BCFA

#FABCE1

#F4BCFA

Triadic

#F4BCFA

#FAF4BC

#BCFAF4

Split Complementary

#F4BCFA

#E1FABC

#BCFAD5

Tetradic

#F4BCFA

#FAD5BC

#C2FABC

#BCE1FA

Color Blindness Simulation

Original

#F4BCFA

Protanopia

#DCDBEB

Deuteranopia

#DFE3E7

Tritanopia

#F1DFDD

Achromatopsia

#CCCCCC

CSS Usage

background-color: #F4BCFA;
color: #F4BCFA;
border-color: #F4BCFA;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F4BDFA
300
#EC8DF6
400
#E24FF2
500
#D812ED
600
#AD0EBE
700
#8A0B98
800
#6C0977
900
#4F0B56
950
#320736

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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