#F5F4BD

#F5F4BD

Color Values

HEX

#F5F4BD

RGB

245, 244, 189

HSL

58.9, 73.7%, 85.1%

HSV

58.9, 22.9%, 96.1%

CMYK

0.0%, 0.4%, 22.9%, 3.9%

OKLCH

0.9546 0.0708 106.8

Properties

Warm Light Nearest: palegoldenrod

Color Harmonies

Complementary

#F5F4BD

#BDBEF5

Analogous

#F5D8BD

#DAF5BD

#F5F4BD

Triadic

#F5F4BD

#BDF5F4

#F4BDF5

Split Complementary

#F5F4BD

#BDDAF5

#D8BDF5

Tetradic

#F5F4BD

#BDF5D8

#BDBEF5

#F5BDDA

Color Blindness Simulation

Original

#F5F4BD

Protanopia

#F5F5CA

Deuteranopia

#F5F5CE

Tritanopia

#F5D5D7

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F8E2
200
#F6F5C1
300
#EFED95
400
#E6E45B
500
#DDDA22
600
#B1AE1B
700
#8E8C15
800
#6F6D11
900
#514F10
950
#33320A

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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