#F5DFAC

#F5DFAC

Color Values

HEX

#F5DFAC

RGB

245, 223, 172

HSL

41.9, 78.5%, 81.8%

HSV

41.9, 29.8%, 96.1%

CMYK

0.0%, 9.0%, 29.8%, 3.9%

OKLCH

0.9094 0.0702 87.4

Properties

Warm Light Nearest: Banana Mania

Color Harmonies

Complementary

#F5DFAC

#ACC2F5

Analogous

#F5BBAC

#E7F5AC

#F5DFAC

Triadic

#F5DFAC

#ACF5DF

#DFACF5

Split Complementary

#F5DFAC

#ACE7F5

#BBACF5

Tetradic

#F5DFAC

#ACF5BB

#ACC2F5

#F5ACE7

Color Blindness Simulation

Original

#F5DFAC

Protanopia

#EBEBB8

Deuteranopia

#EDEEBB

Tritanopia

#F4C2C4

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F2E1
200
#F7E6BF
300
#F2D592
400
#EBBE57
500
#E4A71B
600
#B68616
700
#926B12
800
#72540E
900
#533E0E
950
#342709

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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