#F7E1BA

#F7E1BA

Color Values

HEX

#F7E1BA

RGB

247, 225, 186

HSL

38.4, 79.2%, 84.9%

HSV

38.4, 24.7%, 96.9%

CMYK

0.0%, 8.9%, 24.7%, 3.1%

OKLCH

0.9179 0.0564 81.9

Properties

Warm Light Nearest: wheat

Color Harmonies

Complementary

#F7E1BA

#BAD0F7

Analogous

#F7C3BA

#EEF7BA

#F7E1BA

Triadic

#F7E1BA

#BAF7E1

#E1BAF7

Split Complementary

#F7E1BA

#BAEEF7

#C3BAF7

Tetradic

#F7E1BA

#BAF7C3

#BAD0F7

#F7BAEE

Color Blindness Simulation

Original

#F7E1BA

Protanopia

#EDEDC3

Deuteranopia

#EFF0C6

Tritanopia

#F6CBCD

Achromatopsia

#E3E3E3

CSS Usage

background-color: #F7E1BA;
color: #F7E1BA;
border-color: #F7E1BA;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FCF9F2
100
#F9F1E1
200
#F8E3BF
300
#F2CF91
400
#EBB656
500
#E49C1B
600
#B77D15
700
#926411
800
#724E0D
900
#533A0E
950
#342509

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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