#FAACA2

#FAACA2

Color Values

HEX

#FAACA2

RGB

250, 172, 162

HSL

6.8, 89.8%, 80.8%

HSV

6.8, 35.2%, 98.0%

CMYK

0.0%, 31.2%, 35.2%, 2.0%

OKLCH

0.8168 0.0936 27.4

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FAACA2

#A2F0FA

Analogous

#FAA2C4

#FAD8A2

#FAACA2

Triadic

#FAACA2

#A2FAAC

#ACA2FA

Split Complementary

#FAACA2

#A2FAD8

#A2C4FA

Tetradic

#FAACA2

#C4FAA2

#A2F0FA

#D8A2FA

Color Blindness Simulation

Original

#FAACA2

Protanopia

#D8D8A4

Deuteranopia

#DDE3A5

Tritanopia

#F6A6A7

Achromatopsia

#BCBCBC

CSS Usage

background-color: #FAACA2;
color: #FAACA2;
border-color: #FAACA2;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FDF3F2
100
#FBE3E0
200
#FBC3BB
300
#F9978B
400
#F55F4C
500
#F2270D
600
#C21F0A
700
#9B1908
800
#791307
900
#581209
950
#370B06

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026