#F3C50C

#F3C50C

Color Values

HEX

#F3C50C

RGB

243, 197, 12

HSL

48.1, 90.6%, 50.0%

HSV

48.1, 95.1%, 95.3%

CMYK

0.0%, 18.9%, 95.1%, 4.7%

OKLCH

0.8397 0.1702 91.5

Properties

Warm Light Nearest: RAL 1003 Signal Yellow

Color Harmonies

Complementary

#F3C50C

#0C3AF3

Analogous

#F3520C

#ADF30C

#F3C50C

Triadic

#F3C50C

#0CF3C5

#C50CF3

Split Complementary

#F3C50C

#0CADF3

#520CF3

Tetradic

#F3C50C

#0CF352

#0C3AF3

#F30CAD

Color Blindness Simulation

Original

#F3C50C

Protanopia

#DFDF39

Deuteranopia

#E2E544

Tritanopia

#F15C64

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FDFBF1
100
#FBF5DF
200
#FCEFBB
300
#F9E38A
400
#F6D44B
500
#F3C50C
600
#C29E0A
700
#9C7E08
800
#7A6306
900
#584809
950
#382E06

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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