#FC9685

#FC9685

Color Values

HEX

#FC9685

RGB

252, 150, 133

HSL

8.6, 95.2%, 75.5%

HSV

8.6, 47.2%, 98.8%

CMYK

0.0%, 40.5%, 47.2%, 1.2%

OKLCH

0.7756 0.1261 30.3

Properties

Warm Light Nearest: darksalmon

Color Harmonies

Complementary

#FC9685

#85EBFC

Analogous

#FC85AF

#FCD285

#FC9685

Triadic

#FC9685

#85FC96

#9685FC

Split Complementary

#FC9685

#85FCD2

#85AFFC

Tetradic

#FC9685

#AFFC85

#85EBFC

#D285FC

Color Blindness Simulation

Original

#FC9685

Protanopia

#D0CF89

Deuteranopia

#D6DD8A

Tritanopia

#F78C8D

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE3DF
200
#FDC3B9
300
#FC9888
400
#FA6147
500
#F92906
600
#C72105
700
#9F1A04
800
#7C1403
900
#5A1307
950
#390C04

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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