#FCB889

#FCB889

Color Values

HEX

#FCB889

RGB

252, 184, 137

HSL

24.5, 95.0%, 76.3%

HSV

24.5, 45.6%, 98.8%

CMYK

0.0%, 27.0%, 45.6%, 1.2%

OKLCH

0.8352 0.1003 55.5

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FCB889

#89CDFC

Analogous

#FC8994

#FCF189

#FCB889

Triadic

#FCB889

#89FCB8

#B889FC

Split Complementary

#FCB889

#89FCF1

#8994FC

Tetradic

#FCB889

#94FC89

#89CDFC

#F189FC

Color Blindness Simulation

Original

#FCB889

Protanopia

#DFDE94

Deuteranopia

#E2E897

Tritanopia

#F99D9F

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDF
200
#FDD5B9
300
#FCB788
400
#FA9047
500
#F96906
600
#C75405
700
#9F4304
800
#7C3503
900
#5A2907
950
#391A04

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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