#FA9D95

#FA9D95

Color Values

HEX

#FA9D95

RGB

250, 157, 149

HSL

4.8, 91.0%, 78.2%

HSV

4.8, 40.4%, 98.0%

CMYK

0.0%, 37.2%, 40.4%, 2.0%

OKLCH

0.7882 0.1126 25.2

Properties

Warm Light Nearest: NCS S 0530-R10B Rose

Color Harmonies

Complementary

#FA9D95

#95F2FA

Analogous

#FA95BF

#FAD095

#FA9D95

Triadic

#FA9D95

#95FA9D

#9D95FA

Split Complementary

#FA9D95

#95FAD0

#95BFFA

Tetradic

#FA9D95

#BFFA95

#95F2FA

#D095FA

Color Blindness Simulation

Original

#FA9D95

Protanopia

#D2D197

Deuteranopia

#D7DE97

Tritanopia

#F59899

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE2DF
200
#FCC0BB
300
#F9938A
400
#F7594B
500
#F41E0B
600
#C31809
700
#9C1307
800
#7A0F06
900
#580F09
950
#380A06

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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