#F2F280

#F2F280

Color Values

HEX

#F2F280

RGB

242, 242, 128

HSL

60.0, 81.4%, 72.5%

HSV

60.0, 47.1%, 94.9%

CMYK

0.0%, 0.0%, 47.1%, 5.1%

OKLCH

0.938 0.137 108.8

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#F2F280

#8080F2

Analogous

#F2B980

#B9F280

#F2F280

Triadic

#F2F280

#80F2F2

#F280F2

Split Complementary

#F2F280

#80B9F2

#B980F2

Tetradic

#F2F280

#80F2B9

#8080F2

#F280B9

Color Blindness Simulation

Original

#F2F280

Protanopia

#F2F29C

Deuteranopia

#F2F2A2

Tritanopia

#F2B1B6

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE1
200
#F8F8BE
300
#F4F490
400
#EDED54
500
#E7E718
600
#B9B913
700
#94940F
800
#74740C
900
#54540D
950
#353508

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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