#FA9CC0

#FA9CC0

Color Values

HEX

#FA9CC0

RGB

250, 156, 192

HSL

337.0, 90.4%, 79.6%

HSV

337.0, 37.6%, 98.0%

CMYK

0.0%, 37.6%, 23.2%, 2.0%

OKLCH

0.7979 0.1195 355.6

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FA9CC0

#9CFAD6

Analogous

#FA9CEF

#FAA79C

#FA9CC0

Triadic

#FA9CC0

#C0FA9C

#9CC0FA

Split Complementary

#FA9CC0

#9CFAA7

#9CEFFA

Tetradic

#FA9CC0

#EFFA9C

#9CFAD6

#A79CFA

Color Blindness Simulation

Original

#FA9CC0

Protanopia

#D1D0B7

Deuteranopia

#D7DEB5

Tritanopia

#F5B0AF

Achromatopsia

#B3B3B3

CSS Usage

background-color: #FA9CC0;
color: #FA9CC0;
border-color: #FA9CC0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBBD4
300
#F98AB5
400
#F64B8D
500
#F30C65
600
#C20A50
700
#9B0840
800
#790632
900
#580927
950
#370619

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.58:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026