#F09BC9

#F09BC9

Color Values

HEX

#F09BC9

RGB

240, 155, 201

HSL

327,5, 73,9%, 77,5%

HSV

327,5, 35,4%, 94,1%

CMYK

0,0%, 35,4%, 16,2%, 5,9%

OKLCH

0,7879 0,1159 346,4

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F09BC9

#9BF0C2

Analogous

#EC9BF0

#F09B9F

#F09BC9

Triadic

#F09BC9

#C9F09B

#9BC9F0

Split Complementary

#F09BC9

#9FF09B

#9BF0EC

Tetradic

#F09BC9

#F0EC9B

#9BF0C2

#9B9FF0

Color Blindness Simulation

Original

#F09BC9

Protanopia

#CBCABE

Deuteranopia

#D0D6BB

Tritanopia

#ECB5B3

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E2EE
200
#F6C1DD
300
#EF95C6
400
#E65BA6
500
#DE2187
600
#B11B6C
700
#8E1557
800
#6F1144
900
#511033
950
#330A20

Contrast Checker

Text on white

2,05:1

AA Fail AAA Fail

Text on black

10,24: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