#F7DC8C

#F7DC8C

Color Values

HEX

#F7DC8C

RGB

247, 220, 140

HSL

44.9, 87.0%, 75.9%

HSV

44.9, 43.3%, 96.9%

CMYK

0.0%, 10.9%, 43.3%, 3.1%

OKLCH

0.8995 0.1038 91.5

Properties

Warm Light Nearest: NCS S 0530-Y Medium Yellow

Color Harmonies

Complementary

#F7DC8C

#8CA7F7

Analogous

#F7A78C

#DCF78C

#F7DC8C

Triadic

#F7DC8C

#8CF7DC

#DC8CF7

Split Complementary

#F7DC8C

#8CDCF7

#A78CF7

Tetradic

#F7DC8C

#8CF7A7

#8CA7F7

#F78CDC

Color Blindness Simulation

Original

#F7DC8C

Protanopia

#EBEB9F

Deuteranopia

#EDEFA4

Tritanopia

#F6AFB2

Achromatopsia

#DCDCDC

CSS Usage

background-color: #F7DC8C;
color: #F7DC8C;
border-color: #F7DC8C;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FDFAF2
100
#FAF4E0
200
#FAEBBC
300
#F7DC8D
400
#F3C94F
500
#EEB711
600
#BF920D
700
#99750B
800
#775B08
900
#56430B
950
#372B07

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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