#F2C80D

#F2C80D

Color Values

HEX

#F2C80D

RGB

242, 200, 13

HSL

49.0, 89.8%, 50.0%

HSV

49.0, 94.6%, 94.9%

CMYK

0.0%, 17.4%, 94.6%, 5.1%

OKLCH

0.8447 0.1714 93.3

Properties

Warm Light Nearest: gold 2

Color Harmonies

Complementary

#F2C80D

#0D37F2

Analogous

#F2560D

#A9F20D

#F2C80D

Triadic

#F2C80D

#0DF2C8

#C80DF2

Split Complementary

#F2C80D

#0DA9F2

#560DF2

Tetradic

#F2C80D

#0DF256

#0D37F2

#F20DA9

Color Blindness Simulation

Original

#F2C80D

Protanopia

#E0DF3A

Deuteranopia

#E2E545

Tritanopia

#F05E66

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FBF6E0
200
#FBF0BB
300
#F9E58B
400
#F5D64C
500
#F2C80D
600
#C2A00A
700
#9B8008
800
#796407
900
#584909
950
#372E06

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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