#FDB581

#FDB581

Color Values

HEX

#FDB581

RGB

253, 181, 129

HSL

25,2, 96,9%, 74,9%

HSV

25,2, 49,0%, 99,2%

CMYK

0,0%, 28,5%, 49,0%, 0,8%

OKLCH

0,8295 0,1077 56,5

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FDB581

#81C9FD

Analogous

#FD818B

#FDF381

#FDB581

Triadic

#FDB581

#81FDB5

#B581FD

Split Complementary

#FDB581

#81FDF3

#818BFD

Tetradic

#FDB581

#8BFD81

#81C9FD

#F381FD

Color Blindness Simulation

Original

#FDB581

Protanopia

#DEDD8E

Deuteranopia

#E2E791

Tritanopia

#F9989A

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEBDE
200
#FED6B9
300
#FDB886
400
#FC9245
500
#FB6C04
600
#C95603
700
#A14503
800
#7E3602
900
#5B2A06
950
#391A04

Contrast Checker

Text on white

1,74:1

AA Fail AAA Fail

Text on black

12,1:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026