#F2F486

#F2F486

Color Values

HEX

#F2F486

RGB

242, 244, 134

HSL

61.1, 83.3%, 74.1%

HSV

61.1, 45.1%, 95.7%

CMYK

0.8%, 0.0%, 45.1%, 4.3%

OKLCH

0.9429 0.1332 109.6

Properties

Cool Light Nearest: khaki 1

Color Harmonies

Complementary

#F2F486

#8886F4

Analogous

#F4BF86

#BBF486

#F2F486

Triadic

#F2F486

#86F2F4

#F486F2

Split Complementary

#F2F486

#86BBF4

#BF86F4

Tetradic

#F2F486

#86F4BF

#8886F4

#F486BB

Color Blindness Simulation

Original

#F2F486

Protanopia

#F3F3A1

Deuteranopia

#F3F3A7

Tritanopia

#F2B6BA

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#F9FAE1
200
#F8F9BE
300
#F3F58F
400
#ECEF52
500
#E6EA15
600
#B8BB11
700
#93960E
800
#73750B
900
#53550C
950
#353608

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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