#F7BD8C

#F7BD8C

Color Values

HEX

#F7BD8C

RGB

247, 189, 140

HSL

27.5, 87.0%, 75.9%

HSV

27.5, 43.3%, 96.9%

CMYK

0.0%, 23.5%, 43.3%, 3.1%

OKLCH

0.8398 0.0925 61.3

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#F7BD8C

#8CC6F7

Analogous

#F78C91

#F7F38C

#F7BD8C

Triadic

#F7BD8C

#8CF7BD

#BD8CF7

Split Complementary

#F7BD8C

#8CF7F3

#8C91F7

Tetradic

#F7BD8C

#91F78C

#8CC6F7

#F38CF7

Color Blindness Simulation

Original

#F7BD8C

Protanopia

#DEDD98

Deuteranopia

#E1E69B

Tritanopia

#F4A1A3

Achromatopsia

#C6C6C6

CSS Usage

background-color: #F7BD8C;
color: #F7BD8C;
border-color: #F7BD8C;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF7F2
100
#FAECE0
200
#FAD9BC
300
#F7BD8D
400
#F39A4F
500
#EE7611
600
#BF5F0D
700
#994C0B
800
#773B08
900
#562D0B
950
#371D07

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.61: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