#FC969A

#FC969A

Color Values

HEX

#FC969A

RGB

252, 150, 154

HSL

357.6, 94.4%, 78.8%

HSV

357.6, 40.5%, 98.8%

CMYK

0.0%, 40.5%, 38.9%, 1.2%

OKLCH

0.7802 0.1228 17.8

Properties

Warm Light Nearest: Salmon

Color Harmonies

Complementary

#FC969A

#96FCF8

Analogous

#FC96CD

#FCC596

#FC969A

Triadic

#FC969A

#9AFC96

#969AFC

Split Complementary

#FC969A

#96FCC5

#96CDFC

Tetradic

#FC969A

#CDFC96

#96FCF8

#C596FC

Color Blindness Simulation

Original

#FC969A

Protanopia

#D0CF99

Deuteranopia

#D6DD99

Tritanopia

#F79898

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FDBABC
300
#FC888D
400
#FA484F
500
#F80711
600
#C6060D
700
#9F050B
800
#7C0408
900
#5A070B
950
#390507

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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