#F49FF7

#F49FF7

Color Values

HEX

#F49FF7

RGB

244, 159, 247

HSL

298.0, 84.6%, 79.6%

HSV

298.0, 35.6%, 96.9%

CMYK

1.2%, 35.6%, 0.0%, 3.1%

OKLCH

0.8157 0.1501 325.7

Properties

Cool Light Nearest: plum 1

Color Harmonies

Complementary

#F49FF7

#A2F79F

Analogous

#C89FF7

#F79FCE

#F49FF7

Triadic

#F49FF7

#F7F49F

#9FF7F4

Split Complementary

#F49FF7

#CEF79F

#9FF7C8

Tetradic

#F49FF7

#F7C89F

#A2F79F

#9FCEF7

Color Blindness Simulation

Original

#F49FF7

Protanopia

#CFCEE2

Deuteranopia

#D4DADD

Tritanopia

#F0D1CD

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E0FA
200
#F7BDFA
300
#F28EF6
400
#EB51F0
500
#E414EB
600
#B710BC
700
#920D97
800
#720A76
900
#530C55
950
#340736

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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