#FDBA74

#FDBA74

Color Values

HEX

#FDBA74

RGB

253, 186, 116

HSL

30.7, 97.2%, 72.4%

HSV

30.7, 54.2%, 99.2%

CMYK

0.0%, 26.5%, 54.2%, 0.8%

OKLCH

0.8366 0.1165 66.3

Properties

Warm Light Nearest: Mac and Cheese

Color Harmonies

Complementary

#FDBA74

#74B7FD

Analogous

#FD7674

#FBFD74

#FDBA74

Triadic

#FDBA74

#74FDBA

#BA74FD

Split Complementary

#FDBA74

#74FBFD

#7674FD

Tetradic

#FDBA74

#74FD76

#74B7FD

#FD74FB

Color Blindness Simulation

Original

#FDBA74

Protanopia

#E0DF85

Deuteranopia

#E4E989

Tritanopia

#FA9295

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FEDCB9
300
#FDC386
400
#FCA345
500
#FB8204
600
#C96803
700
#A15302
800
#7E4102
900
#5B3106
950
#391F04

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.45:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Orange

Orange 300

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026