#FE85E2

#FE85E2

Color Values

HEX

#FE85E2

RGB

254, 133, 226

HSL

313.9, 98.4%, 75.9%

HSV

313.9, 47.6%, 99.6%

CMYK

0.0%, 47.6%, 11.0%, 0.4%

OKLCH

0.7801 0.1822 336.6

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FE85E2

#85FEA1

Analogous

#DE85FE

#FE85A6

#FE85E2

Triadic

#FE85E2

#E2FE85

#85E2FE

Split Complementary

#FE85E2

#A6FE85

#85FEDE

Tetradic

#FE85E2

#FEDE85

#85FEA1

#85A6FE

Color Blindness Simulation

Original

#FE85E2

Protanopia

#CAC9CC

Deuteranopia

#D1DAC6

Tritanopia

#F8BAB6

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FEF1FB
100
#FCDEF5
200
#FEB8EE
300
#FE86E2
400
#FD44D2
500
#FD02C3
600
#CA029C
700
#A2017D
800
#7E0161
900
#5B0647
950
#3A042D

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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