#FFAFA2

#FFAFA2

Color Values

HEX

#FFAFA2

RGB

255, 175, 162

HSL

8.4, 100.0%, 81.8%

HSV

8.4, 36.5%, 100.0%

CMYK

0.0%, 31.4%, 36.5%, 0.0%

OKLCH

0.8275 0.0964 29.5

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FFAFA2

#A2F2FF

Analogous

#FFA2C4

#FFDEA2

#FFAFA2

Triadic

#FFAFA2

#A2FFAF

#AFA2FF

Split Complementary

#FFAFA2

#A2FFDE

#A2C4FF

Tetradic

#FFAFA2

#C4FFA2

#A2F2FF

#DEA2FF

Color Blindness Simulation

Original

#FFAFA2

Protanopia

#DCDCA5

Deuteranopia

#E1E7A6

Tritanopia

#FBA8A8

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE2DE
200
#FFC2B8
300
#FF9685
400
#FF5D42
500
#FF2400
600
#CC1D00
700
#A31700
800
#801200
900
#5C1105
950
#3A0B03

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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