#F99DFC

#F99DFC

Color Values

HEX

#F99DFC

RGB

249, 157, 252

HSL

298.1, 94.1%, 80.2%

HSV

298.1, 37.7%, 98.8%

CMYK

1.2%, 37.7%, 0.0%, 1.2%

OKLCH

0.82 0.1614 325.8

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F99DFC

#A0FC9D

Analogous

#CA9DFC

#FC9DD0

#F99DFC

Triadic

#F99DFC

#FCF99D

#9DFCF9

Split Complementary

#F99DFC

#D0FC9D

#9DFCCA

Tetradic

#F99DFC

#FCCA9D

#A0FC9D

#9DD0FC

Color Blindness Simulation

Original

#F99DFC

Protanopia

#D1D0E5

Deuteranopia

#D6DDDF

Tritanopia

#F4D3CF

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBAFD
300
#F888FB
400
#F448F9
500
#F008F7
600
#C006C6
700
#9A059E
800
#78047C
900
#570759
950
#370539

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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