#F5B775

#F5B775

Color Values

HEX

#F5B775

RGB

245, 183, 117

HSL

30.9, 86.5%, 71.0%

HSV

30.9, 52.2%, 96.1%

CMYK

0.0%, 25.3%, 52.2%, 3.9%

OKLCH

0.8227 0.1098 67.0

Properties

Warm Light Nearest: Mac and Cheese

Color Harmonies

Complementary

#F5B775

#75B3F5

Analogous

#F57775

#F3F575

#F5B775

Triadic

#F5B775

#75F5B7

#B775F5

Split Complementary

#F5B775

#75F3F5

#7775F5

Tetradic

#F5B775

#75F577

#75B3F5

#F575F3

Color Blindness Simulation

Original

#F5B775

Protanopia

#DADA85

Deuteranopia

#DEE289

Tritanopia

#F29294

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADCBC
300
#F7C38D
400
#F2A34F
500
#EE8311
600
#BE690E
700
#98540B
800
#774109
900
#56320B
950
#361F07

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.91:1

AA Pass AAA Pass

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