#F49DFA

#F49DFA

Color Values

HEX

#F49DFA

RGB

244, 157, 250

HSL

296.1, 90.3%, 79.8%

HSV

296.1, 37.2%, 98.0%

CMYK

2.4%, 37.2%, 0.0%, 2.0%

OKLCH

0.8138 0.1564 324.6

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F49DFA

#A3FA9D

Analogous

#C59DFA

#FA9DD2

#F49DFA

Triadic

#F49DFA

#FAF49D

#9DFAF4

Split Complementary

#F49DFA

#D2FA9D

#9DFAC5

Tetradic

#F49DFA

#FAC59D

#A3FA9D

#9DD2FA

Color Blindness Simulation

Original

#F49DFA

Protanopia

#CECEE4

Deuteranopia

#D3DADE

Tritanopia

#F0D2CE

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F9DFFB
200
#F7BBFC
300
#F28BF9
400
#EB4BF6
500
#E40CF3
600
#B60AC2
700
#92089B
800
#720679
900
#530958
950
#340637

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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