#F3D80C

#F3D80C

Color Values

HEX

#F3D80C

RGB

243, 216, 12

HSL

53.0, 90.6%, 50.0%

HSV

53.0, 95.1%, 95.3%

CMYK

0.0%, 11.1%, 95.1%, 4.7%

OKLCH

0.8777 0.1811 100.1

Properties

Warm Light Nearest: RAL 1021 Rape Yellow

Color Harmonies

Complementary

#F3D80C

#0C27F3

Analogous

#F3650C

#9AF30C

#F3D80C

Triadic

#F3D80C

#0CF3D8

#D80CF3

Split Complementary

#F3D80C

#0C9AF3

#650CF3

Tetradic

#F3D80C

#0CF365

#0C27F3

#F30C9A

Color Blindness Simulation

Original

#F3D80C

Protanopia

#E7E73D

Deuteranopia

#E9EB49

Tritanopia

#F2646D

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF8DF
200
#FCF4BB
300
#F9EC8A
400
#F6E24B
500
#F3D80C
600
#C2AD0A
700
#9C8A08
800
#7A6C06
900
#584F09
950
#383206

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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