#F0D393

#F0D393

Color Values

HEX

#F0D393

RGB

240, 211, 147

HSL

41.3, 75.6%, 75.9%

HSV

41.3, 38.8%, 94.1%

CMYK

0.0%, 12.1%, 38.8%, 5.9%

OKLCH

0.8766 0.0877 86.2

Properties

Warm Light Nearest: NCS S 0530-Y Medium Yellow

Color Harmonies

Complementary

#F0D393

#93B0F0

Analogous

#F0A593

#DFF093

#F0D393

Triadic

#F0D393

#93F0D3

#D393F0

Split Complementary

#F0D393

#93DFF0

#A593F0

Tetradic

#F0D393

#93F0A5

#93B0F0

#F093DF

Color Blindness Simulation

Original

#F0D393

Protanopia

#E3E3A2

Deuteranopia

#E5E7A6

Tritanopia

#EFAFB1

Achromatopsia

#D5D5D5

CSS Usage

background-color: #F0D393;
color: #F0D393;
border-color: #F0D393;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF9F2
100
#F9F1E2
200
#F6E5C0
300
#F0D394
400
#E8BC59
500
#E0A41F
600
#B38319
700
#8F6914
800
#705210
900
#513D0F
950
#33260A

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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