#FCB855

#FCB855

Color Values

HEX

#FCB855

RGB

252, 184, 85

HSL

35.6, 96.5%, 66.1%

HSV

35.6, 66.3%, 98.8%

CMYK

0.0%, 27.0%, 66.3%, 1.2%

OKLCH

0.828 0.1385 73.9

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FCB855

#5599FC

Analogous

#FC6555

#ECFC55

#FCB855

Triadic

#FCB855

#55FCB8

#B855FC

Split Complementary

#FCB855

#55ECFC

#6555FC

Tetradic

#FCB855

#55FC65

#5599FC

#FC55EC

Color Blindness Simulation

Original

#FCB855

Protanopia

#DFDE6D

Deuteranopia

#E2E873

Tritanopia

#F98084

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DF
200
#FEE2B9
300
#FDCD87
400
#FCB246
500
#FB9604
600
#C87804
700
#A06003
800
#7D4B02
900
#5B3806
950
#392404

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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