#F7DFAA

#F7DFAA

Color Values

HEX

#F7DFAA

RGB

247, 223, 170

HSL

41,3, 82,8%, 81,8%

HSV

41,3, 31,2%, 96,9%

CMYK

0,0%, 9,7%, 31,2%, 3,1%

OKLCH

0,9107 0,0732 86,4

Properties

Warm Light Nearest: Banana Mania

Color Harmonies

Complementary

#F7DFAA

#AAC2F7

Analogous

#F7B9AA

#E9F7AA

#F7DFAA

Triadic

#F7DFAA

#AAF7DF

#DFAAF7

Split Complementary

#F7DFAA

#AAE9F7

#B9AAF7

Tetradic

#F7DFAA

#AAF7B9

#AAC2F7

#F7AAE9

Color Blindness Simulation

Original

#F7DFAA

Protanopia

#EDECB7

Deuteranopia

#EEF0BA

Tritanopia

#F6C1C3

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF2E1
200
#F9E6BE
300
#F4D58F
400
#EFBE53
500
#E9A716
600
#BA8612
700
#956B0E
800
#75540B
900
#553E0C
950
#352708

Contrast Checker

Text on white

1,31:1

AA Fail AAA Fail

Text on black

16,09: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