#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