#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026