#F7ED8C

#F7ED8C

Color Values

HEX

#F7ED8C

RGB

247, 237, 140

HSL

54.4, 87.0%, 75.9%

HSV

54.4, 43.3%, 96.9%

CMYK

0.0%, 4.0%, 43.3%, 3.1%

OKLCH

0.9335 0.1192 103.3

Properties

Warm Light Nearest: khaki 2

Color Harmonies

Complementary

#F7ED8C

#8C96F7

Analogous

#F7B88C

#CCF78C

#F7ED8C

Triadic

#F7ED8C

#8CF7ED

#ED8CF7

Split Complementary

#F7ED8C

#8CCCF7

#B88CF7

Tetradic

#F7ED8C

#8CF7B8

#8C96F7

#F78CCC

Color Blindness Simulation

Original

#F7ED8C

Protanopia

#F3F3A3

Deuteranopia

#F3F4A9

Tritanopia

#F6B6BA

Achromatopsia

#E8E8E8

CSS Usage

background-color: #F7ED8C;
color: #F7ED8C;
border-color: #F7ED8C;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFCF2
100
#FAF8E0
200
#FAF5BC
300
#F7ED8D
400
#F3E34F
500
#EEDA11
600
#BFAE0D
700
#998B0B
800
#776D08
900
#564F0B
950
#373207

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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