#F4F3D0

#F4F3D0

Color Values

HEX

#F4F3D0

RGB

244, 243, 208

HSL

58.3, 62.1%, 88.6%

HSV

58.3, 14.8%, 95.7%

CMYK

0.0%, 0.4%, 14.8%, 4.3%

OKLCH

0.956 0.0457 105.9

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F4F3D0

#D0D1F4

Analogous

#F4E1D0

#E3F4D0

#F4F3D0

Triadic

#F4F3D0

#D0F4F3

#F3D0F4

Split Complementary

#F4F3D0

#D0E3F4

#E1D0F4

Tetradic

#F4F3D0

#D0F4E1

#D0D1F4

#F4D0E3

Color Blindness Simulation

Original

#F4F3D0

Protanopia

#F4F4D8

Deuteranopia

#F4F4DA

Tritanopia

#F4DFE1

Achromatopsia

#F1F1F1

CSS Usage

background-color: #F4F3D0;
color: #F4F3D0;
border-color: #F4F3D0;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FBFBF3
100
#F7F6E4
200
#F1F0C5
300
#E8E69C
400
#DBD866
500
#CFCA30
600
#A5A227
700
#84811F
800
#676518
900
#4C4A15
950
#302F0D

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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