#F2C20D

#F2C20D

Color Values

HEX

#F2C20D

RGB

242, 194, 13

HSL

47.4, 89.8%, 50.0%

HSV

47.4, 94.6%, 94.9%

CMYK

0.0%, 19.8%, 94.6%, 5.1%

OKLCH

0.8328 0.1685 90.4

Properties

Warm Light Nearest: NCS S 1060-Y Deep Yellow

Color Harmonies

Complementary

#F2C20D

#0D3DF2

Analogous

#F24F0D

#B0F20D

#F2C20D

Triadic

#F2C20D

#0DF2C2

#C20DF2

Split Complementary

#F2C20D

#0DB0F2

#4F0DF2

Tetradic

#F2C20D

#0DF24F

#0D3DF2

#F20DB0

Color Blindness Simulation

Original

#F2C20D

Protanopia

#DDDD39

Deuteranopia

#E0E443

Tritanopia

#F05B63

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FBF5E0
200
#FBEEBB
300
#F9E28B
400
#F5D24C
500
#F2C20D
600
#C29B0A
700
#9B7C08
800
#796107
900
#584709
950
#372D06

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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