#FC968F

#FC968F

Color Values

HEX

#FC968F

RGB

252, 150, 143

HSL

3,9, 94,8%, 77,5%

HSV

3,9, 43,3%, 98,8%

CMYK

0,0%, 40,5%, 43,3%, 1,2%

OKLCH

0,7777 0,1239 24,5

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FC968F

#8FF5FC

Analogous

#FC8FBF

#FCCD8F

#FC968F

Triadic

#FC968F

#8FFC96

#968FFC

Split Complementary

#FC968F

#8FFCCD

#8FBFFC

Tetradic

#FC968F

#BFFC8F

#8FF5FC

#CD8FFC

Color Blindness Simulation

Original

#FC968F

Protanopia

#D0CF91

Deuteranopia

#D6DD91

Tritanopia

#F79292

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DF
200
#FDBEB9
300
#FC8F88
400
#FA5347
500
#F81607
600
#C71205
700
#9F0E04
800
#7C0B03
900
#5A0C07
950
#390804

Contrast Checker

Text on white

2,12:1

AA Fail AAA Fail

Text on black

9,9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026