#F3F549

#F3F549

Color Values

HEX

#F3F549

RGB

243, 245, 73

HSL

60.7, 89.6%, 62.4%

HSV

60.7, 70.2%, 96.1%

CMYK

0.8%, 0.0%, 70.2%, 3.9%

OKLCH

0.9398 0.1832 110.1

Properties

Cool Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#F3F549

#4B49F5

Analogous

#F5A149

#9DF549

#F3F549

Triadic

#F3F549

#49F3F5

#F549F3

Split Complementary

#F3F549

#499DF5

#A149F5

Tetradic

#F3F549

#49F5A1

#4B49F5

#F5499D

Color Blindness Simulation

Original

#F3F549

Protanopia

#F4F473

Deuteranopia

#F4F47D

Tritanopia

#F3949B

Achromatopsia

#E8E8E8

CSS Usage

background-color: #F3F549;
color: #F3F549;
border-color: #F3F549;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFDF2
100
#FAFBE0
200
#FBFBBB
300
#F7F98B
400
#F3F54C
500
#EFF20D
600
#BFC10B
700
#999B08
800
#787907
900
#575809
950
#373706

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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