#F88CBF

#F88CBF

Color Values

HEX

#F88CBF

RGB

248, 140, 191

HSL

331.7, 88.5%, 76.1%

HSV

331.7, 43.5%, 97.3%

CMYK

0.0%, 43.5%, 23.0%, 2.7%

OKLCH

0.7703 0.1428 351.3

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#F88CBF

#8CF8C5

Analogous

#F88CF5

#F88F8C

#F88CBF

Triadic

#F88CBF

#BFF88C

#8CBFF8

Split Complementary

#F88CBF

#8CF88F

#8CF5F8

Tetradic

#F88CBF

#F5F88C

#8CF8C5

#8F8CF8

Color Blindness Simulation

Original

#F88CBF

Protanopia

#C9C8B3

Deuteranopia

#D0D8B0

Tritanopia

#F3A9A7

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FBE0EC
200
#FBBCDA
300
#F88CBF
400
#F44D9C
500
#F00F79
600
#C00C61
700
#9A094E
800
#78073D
900
#570A2E
950
#37061D

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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