#F898FC

#F898FC

Color Values

HEX

#F898FC

RGB

248, 152, 252

HSL

297.6, 94.3%, 79.2%

HSV

297.6, 39.7%, 98.8%

CMYK

1.6%, 39.7%, 0.0%, 1.2%

OKLCH

0.8113 0.1691 325.6

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F898FC

#9CFC98

Analogous

#C698FC

#FC98CE

#F898FC

Triadic

#F898FC

#FCF898

#98FCF8

Split Complementary

#F898FC

#CEFC98

#98FCC6

Tetradic

#F898FC

#FCC698

#9CFC98

#98CEFC

Color Blindness Simulation

Original

#F898FC

Protanopia

#CECEE4

Deuteranopia

#D4DBDE

Tritanopia

#F3D1CC

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFD
300
#F788FC
400
#F348FA
500
#EE07F8
600
#BE06C6
700
#98059F
800
#77047C
900
#56075A
950
#360539

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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