#FCAF87

#FCAF87

Color Values

HEX

#FCAF87

RGB

252, 175, 135

HSL

20.5, 95.1%, 75.9%

HSV

20.5, 46.4%, 98.8%

CMYK

0.0%, 30.6%, 46.4%, 1.2%

OKLCH

0.8187 0.1053 48.2

Properties

Warm Light Nearest: NCS S 0540-Y70R Coral Light

Color Harmonies

Complementary

#FCAF87

#87D4FC

Analogous

#FC879A

#FCE987

#FCAF87

Triadic

#FCAF87

#87FCAF

#AF87FC

Split Complementary

#FCAF87

#87FCE9

#879AFC

Tetradic

#FCAF87

#9AFC87

#87D4FC

#E987FC

Color Blindness Simulation

Original

#FCAF87

Protanopia

#DBDA91

Deuteranopia

#DFE593

Tritanopia

#F8989A

Achromatopsia

#BCBCBC

CSS Usage

background-color: #FCAF87;
color: #FCAF87;
border-color: #FCAF87;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FEF5F1
100
#FCE9DF
200
#FDD1B9
300
#FCAF88
400
#FA8447
500
#F95906
600
#C74705
700
#9F3904
800
#7C2D03
900
#5A2307
950
#391604

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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