#F95AF8

#F95AF8

Color Values

HEX

#F95AF8

RGB

249, 90, 248

HSL

300.4, 93.0%, 66.5%

HSV

300.4, 63.9%, 97.6%

CMYK

0.0%, 63.9%, 0.4%, 2.4%

OKLCH

0.733 0.2577 328.1

Properties

Warm Light Nearest: Pink Flamingo

Color Harmonies

Complementary

#F95AF8

#5AF95B

Analogous

#AB5AF9

#F95AA9

#F95AF8

Triadic

#F95AF8

#F8F95A

#5AF8F9

Split Complementary

#F95AF8

#A9F95A

#5AF9AB

Tetradic

#F95AF8

#F9AB5A

#5AF95B

#5AA9F9

Color Blindness Simulation

Original

#F95AF8

Protanopia

#B4B3D2

Deuteranopia

#BDC9C9

Tritanopia

#F1B4AD

Achromatopsia

#878787

CSS Usage

background-color: #F95AF8;
color: #F95AF8;
border-color: #F95AF8;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFC
300
#FB89FA
400
#F849F7
500
#F609F4
600
#C507C4
700
#9D069C
800
#7B047A
900
#590858
950
#380538

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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