#F7C2AC

#F7C2AC

Color Values

HEX

#F7C2AC

RGB

247, 194, 172

HSL

17,6, 82,4%, 82,2%

HSV

17,6, 30,4%, 96,9%

CMYK

0,0%, 21,5%, 30,4%, 3,1%

OKLCH

0,8557 0,0681 43,6

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#F7C2AC

#ACE1F7

Analogous

#F7ACBC

#F7E8AC

#F7C2AC

Triadic

#F7C2AC

#ACF7C2

#C2ACF7

Split Complementary

#F7C2AC

#ACF7E8

#ACBCF7

Tetradic

#F7C2AC

#BCF7AC

#ACE1F7

#E8ACF7

Color Blindness Simulation

Original

#F7C2AC

Protanopia

#E0E0B1

Deuteranopia

#E3E7B3

Tritanopia

#F4B6B6

Achromatopsia

#CCCCCC

CSS Usage

background-color: #F7C2AC;
color: #F7C2AC;
border-color: #F7C2AC;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FDF5F2
100
#FAE8E1
200
#F9CFBE
300
#F4AD8F
400
#EE8153
500
#E95416
600
#BA4312
700
#95360E
800
#742A0B
900
#54220D
950
#351508

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,27: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