#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026