#FFC9BA

#FFC9BA

Color Values

HEX

#FFC9BA

RGB

255, 201, 186

HSL

13.0, 100.0%, 86.5%

HSV

13.0, 27.1%, 100.0%

CMYK

0.0%, 21.2%, 27.1%, 0.0%

OKLCH

0.8797 0.0653 36.1

Properties

Warm Light Nearest: Melon

Color Harmonies

Complementary

#FFC9BA

#BAF0FF

Analogous

#FFBACE

#FFEBBA

#FFC9BA

Triadic

#FFC9BA

#BAFFC9

#C9BAFF

Split Complementary

#FFC9BA

#BAFFEB

#BACEFF

Tetradic

#FFC9BA

#CEFFBA

#BAF0FF

#EBBAFF

Color Blindness Simulation

Original

#FFC9BA

Protanopia

#E8E7BE

Deuteranopia

#EBEFBE

Tritanopia

#FCC0C1

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FFC7B8
300
#FF9F85
400
#FF6B42
500
#FF3700
600
#CC2C00
700
#A32300
800
#801C00
900
#5C1805
950
#3A0F03

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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