#F7C8AA

#F7C8AA

Color Values

HEX

#F7C8AA

RGB

247, 200, 170

HSL

23.4, 82.8%, 81.8%

HSV

23.4, 31.2%, 96.9%

CMYK

0.0%, 19.0%, 31.2%, 3.1%

OKLCH

0.8664 0.0671 54.2

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#F7C8AA

#AAD9F7

Analogous

#F7AAB3

#F7EFAA

#F7C8AA

Triadic

#F7C8AA

#AAF7C8

#C8AAF7

Split Complementary

#F7C8AA

#AAF7EF

#AAB3F7

Tetradic

#F7C8AA

#B3F7AA

#AAD9F7

#EFAAF7

Color Blindness Simulation

Original

#F7C8AA

Protanopia

#E3E2B1

Deuteranopia

#E5E9B3

Tritanopia

#F5B7B8

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FAEAE1
200
#F9D5BE
300
#F4B78F
400
#EF8F53
500
#E96816
600
#BA5312
700
#95430E
800
#75340B
900
#55290C
950
#351A08

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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