#FDBF87

#FDBF87

Color Values

HEX

#FDBF87

RGB

253, 191, 135

HSL

28,5, 96,7%, 76,1%

HSV

28,5, 46,6%, 99,2%

CMYK

0,0%, 24,5%, 46,6%, 0,8%

OKLCH

0,8488 0,1013 62,9

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FDBF87

#87C5FD

Analogous

#FD878A

#FDFA87

#FDBF87

Triadic

#FDBF87

#87FDBF

#BF87FD

Split Complementary

#FDBF87

#87FDFA

#878AFD

Tetradic

#FDBF87

#8AFD87

#87C5FD

#FA87FD

Color Blindness Simulation

Original

#FDBF87

Protanopia

#E2E295

Deuteranopia

#E6EA98

Tritanopia

#FA9FA2

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDE
200
#FEDAB9
300
#FDBF87
400
#FC9C45
500
#FB7904
600
#C96103
700
#A14E03
800
#7D3D02
900
#5B2E06
950
#391D04

Contrast Checker

Text on white

1,62:1

AA Fail AAA Fail

Text on black

12,98: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