#F7D4B4

#F7D4B4

Color Values

HEX

#F7D4B4

RGB

247, 212, 180

HSL

28.7, 80.7%, 83.7%

HSV

28.7, 27.1%, 96.9%

CMYK

0.0%, 14.2%, 27.1%, 3.1%

OKLCH

0.8914 0.0578 64.4

Properties

Warm Light Nearest: peachpuff

Color Harmonies

Complementary

#F7D4B4

#B4D7F7

Analogous

#F7B4B5

#F7F6B4

#F7D4B4

Triadic

#F7D4B4

#B4F7D4

#D4B4F7

Split Complementary

#F7D4B4

#B4F7F6

#B4B5F7

Tetradic

#F7D4B4

#B5F7B4

#B4D7F7

#F6B4F7

Color Blindness Simulation

Original

#F7D4B4

Protanopia

#E8E8BC

Deuteranopia

#EAECBE

Tritanopia

#F5C2C3

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#F9EDE1
200
#F8DABE
300
#F3C090
400
#ED9D55
500
#E67B19
600
#B86214
700
#934F10
800
#733E0C
900
#542F0D
950
#351E08

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.03:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026