#FCAF75

#FCAF75

Color Values

HEX

#FCAF75

RGB

252, 175, 117

HSL

25.8, 95.7%, 72.4%

HSV

25.8, 53.6%, 98.8%

CMYK

0.0%, 30.6%, 53.6%, 1.2%

OKLCH

0.8156 0.1168 57.2

Properties

Warm Light Nearest: Tan

Color Harmonies

Complementary

#FCAF75

#75C2FC

Analogous

#FC757F

#FCF375

#FCAF75

Triadic

#FCAF75

#75FCAF

#AF75FC

Split Complementary

#FCAF75

#75FCF3

#757FFC

Tetradic

#FCAF75

#7FFC75

#75C2FC

#F375FC

Color Blindness Simulation

Original

#FCAF75

Protanopia

#DBDA83

Deuteranopia

#DFE586

Tritanopia

#F88E91

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDF
200
#FDD7B9
300
#FCBA87
400
#FB9446
500
#FA6E05
600
#C85804
700
#A04704
800
#7D3703
900
#5A2B07
950
#391B04

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026