#F88CCC

#F88CCC

Color Values

HEX

#F88CCC

RGB

248, 140, 204

HSL

324,4, 88,5%, 76,1%

HSV

324,4, 43,5%, 97,3%

CMYK

0,0%, 43,5%, 17,7%, 2,7%

OKLCH

0,7747 0,1503 344,7

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F88CCC

#8CF8B8

Analogous

#EE8CF8

#F88C96

#F88CCC

Triadic

#F88CCC

#CCF88C

#8CCCF8

Split Complementary

#F88CCC

#96F88C

#8CF8EE

Tetradic

#F88CCC

#F8EE8C

#8CF8B8

#8C96F8

Color Blindness Simulation

Original

#F88CCC

Protanopia

#C9C8BD

Deuteranopia

#D0D8B9

Tritanopia

#F3B0AE

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FBE0F0
200
#FBBCE1
300
#F88CCC
400
#F44DB0
500
#F00F95
600
#C00C77
700
#9A095F
800
#78074A
900
#570A38
950
#370623

Contrast Checker

Text on white

2,18:1

AA Fail AAA Fail

Text on black

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