#F3C80C

#F3C80C

Color Values

HEX

#F3C80C

RGB

243, 200, 12

HSL

48.8, 90.6%, 50.0%

HSV

48.8, 95.1%, 95.3%

CMYK

0.0%, 17.7%, 95.1%, 4.7%

OKLCH

0.8456 0.1717 93.0

Properties

Warm Light Nearest: gold 2

Color Harmonies

Complementary

#F3C80C

#0C37F3

Analogous

#F3540C

#ABF30C

#F3C80C

Triadic

#F3C80C

#0CF3C8

#C80CF3

Split Complementary

#F3C80C

#0CABF3

#540CF3

Tetradic

#F3C80C

#0CF354

#0C37F3

#F30CAB

Color Blindness Simulation

Original

#F3C80C

Protanopia

#E0E039

Deuteranopia

#E3E644

Tritanopia

#F15D65

Achromatopsia

#C4C4C4

CSS Usage

background-color: #F3C80C;
color: #F3C80C;
border-color: #F3C80C;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FDFBF1
100
#FBF6DF
200
#FCF0BB
300
#F9E58A
400
#F6D64B
500
#F3C80C
600
#C2A00A
700
#9C8008
800
#7A6406
900
#584909
950
#382E06

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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