#FEAFB2

#FEAFB2

Color Values

HEX

#FEAFB2

RGB

254, 175, 178

HSL

357,7, 97,5%, 84,1%

HSV

357,7, 31,1%, 99,6%

CMYK

0,0%, 31,1%, 29,9%, 0,4%

OKLCH

0,8302 0,0929 16,8

Properties

Warm Light Nearest: lightpink 1

Color Harmonies

Complementary

#FEAFB2

#AFFEFB

Analogous

#FEAFD9

#FED3AF

#FEAFB2

Triadic

#FEAFB2

#B2FEAF

#AFB2FE

Split Complementary

#FEAFB2

#AFFED3

#AFD9FE

Tetradic

#FEAFB2

#D9FEAF

#AFFEFB

#D3AFFE

Color Blindness Simulation

Original

#FEAFB2

Protanopia

#DCDBB1

Deuteranopia

#E0E6B1

Tritanopia

#FAB1B1

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDF
200
#FEB8BB
300
#FD868B
400
#FD454C
500
#FC030D
600
#C9030A
700
#A10208
800
#7E0206
900
#5B0609
950
#390406

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

11,99:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026