#FF85F5

#FF85F5

Color Values

HEX

#FF85F5

RGB

255, 133, 245

HSL

304.9, 100.0%, 76.1%

HSV

304.9, 47.8%, 100.0%

CMYK

0.0%, 47.8%, 3.9%, 0.0%

OKLCH

0.7892 0.1981 330.4

Properties

Warm Light Nearest: orchid 1

Color Harmonies

Complementary

#FF85F5

#85FF8F

Analogous

#CC85FF

#FF85B8

#FF85F5

Triadic

#FF85F5

#F5FF85

#85F5FF

Split Complementary

#FF85F5

#B8FF85

#85FFCC

Tetradic

#FF85F5

#FFCC85

#85FF8F

#85B8FF

Color Blindness Simulation

Original

#FF85F5

Protanopia

#CAC9DA

Deuteranopia

#D1DAD3

Tritanopia

#F9C4C0

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDEFA
200
#FFB8F9
300
#FF85F5
400
#FF42F0
500
#FF00EA
600
#CC00BB
700
#A30096
800
#800075
900
#5C0555
950
#3A0336

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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