#FAAA89

#FAAA89

Color Values

HEX

#FAAA89

RGB

250, 170, 137

HSL

17,5, 91,9%, 75,9%

HSV

17,5, 45,2%, 98,0%

CMYK

0,0%, 32,0%, 45,2%, 2,0%

OKLCH

0,808 0,1051 43,2

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#FAAA89

#89D9FA

Analogous

#FA89A1

#FAE289

#FAAA89

Triadic

#FAAA89

#89FAAA

#AA89FA

Split Complementary

#FAAA89

#89FAE2

#89A1FA

Tetradic

#FAAA89

#A1FA89

#89D9FA

#E289FA

Color Blindness Simulation

Original

#FAAA89

Protanopia

#D7D791

Deuteranopia

#DCE293

Tritanopia

#F69799

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FCCEBA
300
#FAAA8A
400
#F77D4A
500
#F54F0A
600
#C43F08
700
#9D3207
800
#7A2705
900
#592008
950
#381405

Contrast Checker

Text on white

1,88:1

AA Fail AAA Fail

Text on black

11,18:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026