#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026