#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