#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

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

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

Янв 18, 2026