#F1F631

#F1F631

Color Values

HEX

#F1F631

RGB

241, 246, 49

HSL

61.5, 91.6%, 57.8%

HSV

61.5, 80.1%, 96.5%

CMYK

2.0%, 0.0%, 80.1%, 3.5%

OKLCH

0.939 0.1962 111.2

Properties

Cool Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#F1F631

#3631F6

Analogous

#F69831

#8EF631

#F1F631

Triadic

#F1F631

#31F1F6

#F631F1

Split Complementary

#F1F631

#318EF6

#9831F6

Tetradic

#F1F631

#31F698

#3631F6

#F6318E

Color Blindness Simulation

Original

#F1F631

Protanopia

#F3F361

Deuteranopia

#F3F26C

Tritanopia

#F1868F

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FAFBDF
200
#FAFCBB
300
#F7FA8A
400
#F3F74A
500
#EEF40B
600
#BFC309
700
#999C07
800
#777A05
900
#565809
950
#373805

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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