#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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026