#FFAEA2

#FFAEA2

Color Values

HEX

#FFAEA2

RGB

255, 174, 162

HSL

7.7, 100.0%, 81.8%

HSV

7.7, 36.5%, 100.0%

CMYK

0.0%, 31.8%, 36.5%, 0.0%

OKLCH

0.8257 0.0974 28.6

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FFAEA2

#A2F3FF

Analogous

#FFA2C5

#FFDDA2

#FFAEA2

Triadic

#FFAEA2

#A2FFAE

#AEA2FF

Split Complementary

#FFAEA2

#A2FFDD

#A2C5FF

Tetradic

#FFAEA2

#C5FFA2

#A2F3FF

#DDA2FF

Color Blindness Simulation

Original

#FFAEA2

Protanopia

#DCDBA5

Deuteranopia

#E1E7A6

Tritanopia

#FBA7A8

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE2DE
200
#FFC1B8
300
#FF9485
400
#FF5B42
500
#FF2100
600
#CC1A00
700
#A31500
800
#801000
900
#5C1005
950
#3A0A03

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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