#F2F730

#F2F730

Color Values

HEX

#F2F730

RGB

242, 247, 48

HSL

61,5, 92,6%, 57,8%

HSV

61,5, 80,6%, 96,9%

CMYK

2,0%, 0,0%, 80,6%, 3,1%

OKLCH

0,9419 0,1973 111,2

Properties

Cool Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#F2F730

#3530F7

Analogous

#F79830

#8EF730

#F2F730

Triadic

#F2F730

#30F2F7

#F730F2

Split Complementary

#F2F730

#308EF7

#9830F7

Tetradic

#F2F730

#30F798

#3530F7

#F7308E

Color Blindness Simulation

Original

#F2F730

Protanopia

#F4F460

Deuteranopia

#F4F36C

Tritanopia

#F2868F

Achromatopsia

#E8E8E8

CSS Usage

background-color: #F2F730;
color: #F2F730;
border-color: #F2F730;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFDF1
100
#FAFBDF
200
#FBFCBA
300
#F8FA89
400
#F4F849
500
#F0F609
600
#C0C408
700
#999D06
800
#787B05
900
#575908
950
#373805

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,12:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026