#F2C30D

#F2C30D

Color Values

HEX

#F2C30D

RGB

242, 195, 13

HSL

47.7, 89.8%, 50.0%

HSV

47.7, 94.6%, 94.9%

CMYK

0.0%, 19.4%, 94.6%, 5.1%

OKLCH

0.8348 0.169 90.9

Properties

Warm Light Nearest: RAL 1003 Signal Yellow

Color Harmonies

Complementary

#F2C30D

#0D3CF2

Analogous

#F2510D

#AEF20D

#F2C30D

Triadic

#F2C30D

#0DF2C3

#C30DF2

Split Complementary

#F2C30D

#0DAEF2

#510DF2

Tetradic

#F2C30D

#0DF251

#0D3CF2

#F20DAE

Color Blindness Simulation

Original

#F2C30D

Protanopia

#DEDD39

Deuteranopia

#E0E444

Tritanopia

#F05C63

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FBF5E0
200
#FBEEBB
300
#F9E28B
400
#F5D34C
500
#F2C30D
600
#C29C0A
700
#9B7D08
800
#796207
900
#584809
950
#372D06

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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