#F5EC8F

#F5EC8F

Color Values

HEX

#F5EC8F

RGB

245, 236, 143

HSL

54.7, 83.6%, 76.1%

HSV

54.7, 41.6%, 96.1%

CMYK

0.0%, 3.7%, 41.6%, 3.9%

OKLCH

0.9303 0.115 103.6

Properties

Warm Light Nearest: khaki

Color Harmonies

Complementary

#F5EC8F

#8F98F5

Analogous

#F5B98F

#CBF58F

#F5EC8F

Triadic

#F5EC8F

#8FF5EC

#EC8FF5

Split Complementary

#F5EC8F

#8FCBF5

#B98FF5

Tetradic

#F5EC8F

#8FF5B9

#8F98F5

#F58FCB

Color Blindness Simulation

Original

#F5EC8F

Protanopia

#F1F1A5

Deuteranopia

#F2F2AB

Tritanopia

#F5B7BB

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF8E0
200
#F9F4BD
300
#F5EC8F
400
#F0E252
500
#EAD715
600
#BBAC11
700
#968A0D
800
#756C0A
900
#554E0C
950
#363208

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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