#FE85E3

#FE85E3

Color Values

HEX

#FE85E3

RGB

254, 133, 227

HSL

313.4, 98.4%, 75.9%

HSV

313.4, 47.6%, 99.6%

CMYK

0.0%, 47.6%, 10.6%, 0.4%

OKLCH

0.7805 0.183 336.3

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FE85E3

#85FEA0

Analogous

#DD85FE

#FE85A7

#FE85E3

Triadic

#FE85E3

#E3FE85

#85E3FE

Split Complementary

#FE85E3

#A7FE85

#85FEDD

Tetradic

#FE85E3

#FEDD85

#85FEA0

#85A7FE

Color Blindness Simulation

Original

#FE85E3

Protanopia

#CAC9CC

Deuteranopia

#D1DAC7

Tritanopia

#F8BAB6

Achromatopsia

#A6A6A6

CSS Usage

background-color: #FE85E3;
color: #FE85E3;
border-color: #FE85E3;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FEF1FB
100
#FCDEF5
200
#FEB8EF
300
#FE86E3
400
#FD44D4
500
#FD02C5
600
#CA029E
700
#A2017E
800
#7E0162
900
#5B0648
950
#3A042E

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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