#FF85AF

#FF85AF

Color Values

HEX

#FF85AF

RGB

255, 133, 175

HSL

339.3, 100.0%, 76.1%

HSV

339.3, 47.8%, 100.0%

CMYK

0.0%, 47.8%, 31.4%, 0.0%

OKLCH

0.7636 0.1538 359.5

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FF85AF

#85FFD5

Analogous

#FF85EC

#FF9885

#FF85AF

Triadic

#FF85AF

#AFFF85

#85AFFF

Split Complementary

#FF85AF

#85FF98

#85ECFF

Tetradic

#FF85AF

#ECFF85

#85FFD5

#9885FF

Color Blindness Simulation

Original

#FF85AF

Protanopia

#CAC9A5

Deuteranopia

#D1DAA2

Tritanopia

#F99D9B

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDEE8
200
#FFB8D0
300
#FF85AF
400
#FF4283
500
#FF0058
600
#CC0046
700
#A30038
800
#80002C
900
#5C0523
950
#3A0316

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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