#F4969C

#F4969C

Color Values

HEX

#F4969C

RGB

244, 150, 156

HSL

356.2, 81.0%, 77.3%

HSV

356.2, 38.5%, 95.7%

CMYK

0.0%, 38.5%, 36.1%, 4.3%

OKLCH

0.7712 0.1133 15.9

Properties

Warm Light Nearest: Salmon

Color Harmonies

Complementary

#F4969C

#96F4EE

Analogous

#F496CB

#F4BF96

#F4969C

Triadic

#F4969C

#9CF496

#969CF4

Split Complementary

#F4969C

#96F4BF

#96CBF4

Tetradic

#F4969C

#CBF496

#96F4EE

#BF96F4

Color Blindness Simulation

Original

#F4969C

Protanopia

#CBCA9B

Deuteranopia

#D1D89A

Tritanopia

#EF9999

Achromatopsia

#AAAAAA

CSS Usage

background-color: #F4969C;
color: #F4969C;
border-color: #F4969C;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FDF2F3
100
#F9E1E2
200
#F8BEC2
300
#F39097
400
#ED545E
500
#E71825
600
#B9131E
700
#941018
800
#730C13
900
#540D12
950
#35080B

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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