#F989F8

#F989F8

Color Values

HEX

#F989F8

RGB

249, 137, 248

HSL

300.5, 90.3%, 75.7%

HSV

300.5, 45.0%, 97.6%

CMYK

0.0%, 45.0%, 0.4%, 2.4%

OKLCH

0.7889 0.1906 327.5

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#F989F8

#89F98A

Analogous

#C289F9

#F989C0

#F989F8

Triadic

#F989F8

#F8F989

#89F8F9

Split Complementary

#F989F8

#C0F989

#89F9C2

Tetradic

#F989F8

#F9C289

#89F98A

#89C0F9

Color Blindness Simulation

Original

#F989F8

Protanopia

#C8C8DD

Deuteranopia

#CFD7D7

Tritanopia

#F3C8C3

Achromatopsia

#A9A9A9

CSS Usage

background-color: #F989F8;
color: #F989F8;
border-color: #F989F8;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFB
300
#F98BF8
400
#F64BF4
500
#F30CF1
600
#C20AC1
700
#9B089A
800
#790678
900
#580957
950
#370637

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

9.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026