#FEA2A2

#FEA2A2

Color Values

HEX

#FEA2A2

RGB

254, 162, 162

HSL

0.0, 97.9%, 81.6%

HSV

0.0, 36.2%, 99.6%

CMYK

0.0%, 36.2%, 36.2%, 0.4%

OKLCH

0.8042 0.1097 19.8

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#FEA2A2

#A2FEFE

Analogous

#FEA2D0

#FED0A2

#FEA2A2

Triadic

#FEA2A2

#A2FEA2

#A2A2FE

Split Complementary

#FEA2A2

#A2FED0

#A2D0FE

Tetradic

#FEA2A2

#D0FEA2

#A2FEFE

#D0A2FE

Color Blindness Simulation

Original

#FEA2A2

Protanopia

#D6D5A2

Deuteranopia

#DCE2A2

Tritanopia

#F9A2A2

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDE
200
#FEB8B8
300
#FE8686
400
#FD4444
500
#FC0303
600
#CA0202
700
#A10202
800
#7E0101
900
#5B0606
950
#3A0404

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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