#F85FBB

#F85FBB

Color Values

HEX

#F85FBB

RGB

248, 95, 187

HSL

323.9, 91.6%, 67.3%

HSV

323.9, 61.7%, 97.3%

CMYK

0.0%, 61.7%, 24.6%, 2.7%

OKLCH

0.7095 0.2088 346.6

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F85FBB

#5FF89C

Analogous

#E85FF8

#F85F6F

#F85FBB

Triadic

#F85FBB

#BBF85F

#5FBBF8

Split Complementary

#F85FBB

#6FF85F

#5FF8E8

Tetradic

#F85FBB

#F8E85F

#5FF89C

#5F6FF8

Color Blindness Simulation

Original

#F85FBB

Protanopia

#B6B4A5

Deuteranopia

#BFCA9F

Tritanopia

#F0938F

Achromatopsia

#868686

CSS Usage

background-color: #F85FBB;
color: #F85FBB;
border-color: #F85FBB;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FCBBE2
300
#FA8ACD
400
#F74AB2
500
#F40B97
600
#C30979
700
#9C0761
800
#7A054C
900
#580939
950
#380524

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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