#F398CD

#F398CD

Color Values

HEX

#F398CD

RGB

243, 152, 205

HSL

325.1, 79.1%, 77.5%

HSV

325.1, 37.4%, 95.3%

CMYK

0.0%, 37.4%, 15.6%, 4.7%

OKLCH

0.7878 0.1264 344.5

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F398CD

#98F3BE

Analogous

#EC98F3

#F398A0

#F398CD

Triadic

#F398CD

#CDF398

#98CDF3

Split Complementary

#F398CD

#A0F398

#98F3EC

Tetradic

#F398CD

#F3EC98

#98F3BE

#98A0F3

Color Blindness Simulation

Original

#F398CD

Protanopia

#CCCBC0

Deuteranopia

#D1D8BD

Tritanopia

#EEB6B4

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E1EF
200
#F8BFE0
300
#F291CA
400
#EB56AD
500
#E41B90
600
#B71573
700
#92115C
800
#720D48
900
#530E36
950
#340922

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026