#F4F8BF

#F4F8BF

Color Values

HEX

#F4F8BF

RGB

244, 248, 191

HSL

64.2, 80.3%, 86.1%

HSV

64.2, 23.0%, 97.3%

CMYK

1.6%, 0.0%, 23.0%, 2.7%

OKLCH

0.9623 0.0734 111.0

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#F4F8BF

#C3BFF8

Analogous

#F8E0BF

#D8F8BF

#F4F8BF

Triadic

#F4F8BF

#BFF4F8

#F8BFF4

Split Complementary

#F4F8BF

#BFD8F8

#E0BFF8

Tetradic

#F4F8BF

#BFF8E0

#C3BFF8

#F8BFD8

Color Blindness Simulation

Original

#F4F8BF

Protanopia

#F6F6CD

Deuteranopia

#F6F5D0

Tritanopia

#F4D8DA

Achromatopsia

#F3F3F3

CSS Usage

background-color: #F4F8BF;
color: #F4F8BF;
border-color: #F4F8BF;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FCFDF2
100
#F8F9E1
200
#F4F8BF
300
#ECF391
400
#E2EC55
500
#D8E619
600
#ACB814
700
#8A9310
800
#6C730D
900
#4F530D
950
#323508

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.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