#F2F631

#F2F631

Color Values

HEX

#F2F631

RGB

242, 246, 49

HSL

61.2, 91.6%, 57.8%

HSV

61.2, 80.1%, 96.5%

CMYK

1.6%, 0.0%, 80.1%, 3.5%

OKLCH

0.9398 0.196 110.9

Properties

Cool Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#F2F631

#3531F6

Analogous

#F69731

#8FF631

#F2F631

Triadic

#F2F631

#31F2F6

#F631F2

Split Complementary

#F2F631

#318FF6

#9731F6

Tetradic

#F2F631

#31F697

#3531F6

#F6318F

Color Blindness Simulation

Original

#F2F631

Protanopia

#F4F461

Deuteranopia

#F4F36C

Tritanopia

#F2868F

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FAFBDF
200
#FBFCBB
300
#F8FA8A
400
#F4F74A
500
#F0F40B
600
#C0C309
700
#999C07
800
#787A05
900
#575809
950
#373805

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026