#F2F586

#F2F586

Color Values

HEX

#F2F586

RGB

242, 245, 134

HSL

61,6, 84,7%, 74,3%

HSV

61,6, 45,3%, 96,1%

CMYK

1,2%, 0,0%, 45,3%, 3,9%

OKLCH

0,945 0,1344 110,1

Properties

Cool Light Nearest: Canary

Color Harmonies

Complementary

#F2F586

#8986F5

Analogous

#F5C086

#BBF586

#F2F586

Triadic

#F2F586

#86F2F5

#F586F2

Split Complementary

#F2F586

#86BBF5

#C086F5

Tetradic

#F2F586

#86F5C0

#8986F5

#F586BB

Color Blindness Simulation

Original

#F2F586

Protanopia

#F3F3A1

Deuteranopia

#F3F3A7

Tritanopia

#F2B6BB

Achromatopsia

#ECECEC

CSS Usage

background-color: #F2F586;
color: #F2F586;
border-color: #F2F586;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFDF2
100
#F9FAE0
200
#F8FABD
300
#F3F68E
400
#ECF151
500
#E6EB14
600
#B8BC10
700
#93970C
800
#73760A
900
#53550C
950
#353607

Contrast Checker

Text on white

1,16:1

AA Fail AAA Fail

Text on black

18,18: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