#FEC2BA

#FEC2BA

Color Values

HEX

#FEC2BA

RGB

254, 194, 186

HSL

7.1, 97.1%, 86.3%

HSV

7.1, 26.8%, 99.6%

CMYK

0.0%, 23.6%, 26.8%, 0.4%

OKLCH

0.8659 0.0702 27.3

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FEC2BA

#BAF6FE

Analogous

#FEBAD4

#FEE4BA

#FEC2BA

Triadic

#FEC2BA

#BAFEC2

#C2BAFE

Split Complementary

#FEC2BA

#BAFEE4

#BAD4FE

Tetradic

#FEC2BA

#D4FEBA

#BAF6FE

#E4BAFE

Color Blindness Simulation

Original

#FEC2BA

Protanopia

#E4E3BC

Deuteranopia

#E8ECBC

Tritanopia

#FBBDBE

Achromatopsia

#CECECE

CSS Usage

background-color: #FEC2BA;
color: #FEC2BA;
border-color: #FEC2BA;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FEF3F1
100
#FCE2DE
200
#FEC1B9
300
#FD9486
400
#FC5B45
500
#FB2104
600
#C91A03
700
#A11502
800
#7E1002
900
#5B1006
950
#390A04

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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