#F0DF94

#F0DF94

Color Values

HEX

#F0DF94

RGB

240, 223, 148

HSL

48,9, 75,4%, 76,1%

HSV

48,9, 38,3%, 94,1%

CMYK

0,0%, 7,1%, 38,3%, 5,9%

OKLCH

0,9006 0,0963 96,9

Properties

Warm Light Nearest: RAL 1015 Light Ivory

Color Harmonies

Complementary

#F0DF94

#94A5F0

Analogous

#F0B194

#D3F094

#F0DF94

Triadic

#F0DF94

#94F0DF

#DF94F0

Split Complementary

#F0DF94

#94D3F0

#B194F0

Tetradic

#F0DF94

#94F0B1

#94A5F0

#F094D3

Color Blindness Simulation

Original

#F0DF94

Protanopia

#E9E8A6

Deuteranopia

#EAEBAA

Tritanopia

#EFB4B8

Achromatopsia

#DDDDDD

CSS Usage

background-color: #F0DF94;
color: #F0DF94;
border-color: #F0DF94;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FCFAF2
100
#F9F4E2
200
#F6ECC0
300
#F0DF94
400
#E8CD5A
500
#E0BC1F
600
#B39619
700
#8F7814
800
#705E10
900
#514510
950
#332C0A

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

15,69:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026