#F7F28C

#F7F28C

Color Values

HEX

#F7F28C

RGB

247, 242, 140

HSL

57.2, 87.0%, 75.9%

HSV

57.2, 43.3%, 96.9%

CMYK

0.0%, 2.0%, 43.3%, 3.1%

OKLCH

0.9436 0.1244 106.1

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#F7F28C

#8C91F7

Analogous

#F7BD8C

#C7F78C

#F7F28C

Triadic

#F7F28C

#8CF7F2

#F28CF7

Split Complementary

#F7F28C

#8CC7F7

#BD8CF7

Tetradic

#F7F28C

#8CF7BD

#8C91F7

#F78CC7

Color Blindness Simulation

Original

#F7F28C

Protanopia

#F5F5A5

Deuteranopia

#F5F5AB

Tritanopia

#F7B8BC

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E0
200
#FAF7BC
300
#F7F28D
400
#F3EB4F
500
#EEE411
600
#BFB60D
700
#99920B
800
#777208
900
#56530B
950
#373407

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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