#F397C4

#F397C4

Color Values

HEX

#F397C4

RGB

243, 151, 196

HSL

330,7, 79,3%, 77,3%

HSV

330,7, 37,9%, 95,3%

CMYK

0,0%, 37,9%, 19,3%, 4,7%

OKLCH

0,7832 0,1225 349,6

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F397C4

#97F3C6

Analogous

#F397F2

#F39897

#F397C4

Triadic

#F397C4

#C4F397

#97C4F3

Split Complementary

#F397C4

#97F398

#97F2F3

Tetradic

#F397C4

#F2F397

#97F3C6

#9897F3

Color Blindness Simulation

Original

#F397C4

Protanopia

#CBCAB9

Deuteranopia

#D0D7B6

Tritanopia

#EEB1AF

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BFDB
300
#F291C1
400
#EB569F
500
#E51A7D
600
#B71564
700
#921150
800
#720D3F
900
#530E30
950
#34091E

Contrast Checker

Text on white

2,09:1

AA Fail AAA Fail

Text on black

10,03:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026