#F88CDC

#F88CDC

Color Values

HEX

#F88CDC

RGB

248, 140, 220

HSL

315,6, 88,5%, 76,1%

HSV

315,6, 43,5%, 97,3%

CMYK

0,0%, 43,5%, 11,3%, 2,7%

OKLCH

0,7806 0,1616 337,5

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#F88CDC

#8CF8A8

Analogous

#DE8CF8

#F88CA6

#F88CDC

Triadic

#F88CDC

#DCF88C

#8CDCF8

Split Complementary

#F88CDC

#A6F88C

#8CF8DE

Tetradic

#F88CDC

#F8DE8C

#8CF8A8

#8CA6F8

Color Blindness Simulation

Original

#F88CDC

Protanopia

#C9C8C9

Deuteranopia

#D0D8C4

Tritanopia

#F3B9B6

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FBE0F4
200
#FBBCEA
300
#F88CDC
400
#F44DC9
500
#F00FB6
600
#C00C91
700
#9A0974
800
#78075B
900
#570A43
950
#37062A

Contrast Checker

Text on white

2,15:1

AA Fail AAA Fail

Text on black

9,78: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