#E2A2AC

#E2A2AC

Color Values

HEX

#E2A2AC

RGB

226, 162, 172

HSL

350,6, 52,5%, 76,1%

HSV

350,6, 28,3%, 88,6%

CMYK

0,0%, 28,3%, 23,9%, 11,4%

OKLCH

0,7759 0,0769 8,7

Properties

Warm Light Nearest: pink 2

Color Harmonies

Complementary

#E2A2AC

#A2E2D8

Analogous

#E2A2CC

#E2B8A2

#E2A2AC

Triadic

#E2A2AC

#ACE2A2

#A2ACE2

Split Complementary

#E2A2AC

#A2E2B8

#A2CCE2

Tetradic

#E2A2AC

#CCE2A2

#A2E2D8

#B8A2E2

Color Blindness Simulation

Original

#E2A2AC

Protanopia

#C6C6AA

Deuteranopia

#CACFA9

Tritanopia

#DFA8A7

Achromatopsia

#B0B0B0

CSS Usage

background-color: #E2A2AC;
color: #E2A2AC;
border-color: #E2A2AC;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FBF4F5
100
#F5E5E8
200
#EEC9CE
300
#E2A2AC
400
#D26F7F
500
#C23D52
600
#9C3041
700
#7C2734
800
#611E29
900
#471A21
950
#2D1015

Contrast Checker

Text on white

2,1:1

AA Fail AAA Fail

Text on black

10,0: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