#FDB987

#FDB987

Color Values

HEX

#FDB987

RGB

253, 185, 135

HSL

25,4, 96,7%, 76,1%

HSV

25,4, 46,6%, 99,2%

CMYK

0,0%, 26,9%, 46,6%, 0,8%

OKLCH

0,8378 0,1023 57,1

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FDB987

#87CBFD

Analogous

#FD8790

#FDF487

#FDB987

Triadic

#FDB987

#87FDB9

#B987FD

Split Complementary

#FDB987

#87FDF4

#8790FD

Tetradic

#FDB987

#90FD87

#87CBFD

#F487FD

Color Blindness Simulation

Original

#FDB987

Protanopia

#E0DF93

Deuteranopia

#E4E996

Tritanopia

#FA9D9F

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FED6B9
300
#FDB987
400
#FC9345
500
#FB6D04
600
#C95703
700
#A14603
800
#7D3602
900
#5B2A06
950
#391B04

Contrast Checker

Text on white

1,68:1

AA Fail AAA Fail

Text on black

12,47:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026