#F993CE

#F993CE

Color Values

HEX

#F993CE

RGB

249, 147, 206

HSL

325.3, 89.5%, 77.6%

HSV

325.3, 41.0%, 97.6%

CMYK

0.0%, 41.0%, 17.3%, 2.4%

OKLCH

0.7872 0.1409 345.1

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F993CE

#93F9BE

Analogous

#F193F9

#F9939B

#F993CE

Triadic

#F993CE

#CEF993

#93CEF9

Split Complementary

#F993CE

#9BF993

#93F9F1

Tetradic

#F993CE

#F9F193

#93F9BE

#939BF9

Color Blindness Simulation

Original

#F993CE

Protanopia

#CDCCC0

Deuteranopia

#D3DABC

Tritanopia

#F4B4B2

Achromatopsia

#ADADAD

CSS Usage

background-color: #F993CE;
color: #F993CE;
border-color: #F993CE;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF2F8
100
#FBE0EF
200
#FBBBE0
300
#F98BCA
400
#F54CAE
500
#F20D91
600
#C10B74
700
#9B095D
800
#790749
900
#570937
950
#370622

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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