#F5E77C

#F5E77C

Color Values

HEX

#F5E77C

RGB

245, 231, 124

HSL

53.1, 85.8%, 72.4%

HSV

53.1, 49.4%, 96.1%

CMYK

0.0%, 5.7%, 49.4%, 3.9%

OKLCH

0.9175 0.1294 101.9

Properties

Warm Light Nearest: Yellow

Color Harmonies

Complementary

#F5E77C

#7C8AF5

Analogous

#F5AB7C

#C7F57C

#F5E77C

Triadic

#F5E77C

#7CF5E7

#E77CF5

Split Complementary

#F5E77C

#7CC7F5

#AB7CF5

Tetradic

#F5E77C

#7CF5AB

#7C8AF5

#F57CC7

Color Blindness Simulation

Original

#F5E77C

Protanopia

#EFEF96

Deuteranopia

#F0F19C

Tritanopia

#F4AAAF

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF7E0
200
#FAF3BD
300
#F6EA8D
400
#F2DF50
500
#EDD412
600
#BEA90E
700
#98880C
800
#766A09
900
#564D0B
950
#363107

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.6:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026