#F09BA8

#F09BA8

Color Values

HEX

#F09BA8

RGB

240, 155, 168

HSL

350,8, 73,9%, 77,5%

HSV

350,8, 35,4%, 94,1%

CMYK

0,0%, 35,4%, 30,0%, 5,9%

OKLCH

0,778 0,1027 9,8

Properties

Warm Light Nearest: Mauvelous

Color Harmonies

Complementary

#F09BA8

#9BF0E3

Analogous

#F09BD3

#F0B99B

#F09BA8

Triadic

#F09BA8

#A8F09B

#9BA8F0

Split Complementary

#F09BA8

#9BF0B9

#9BD3F0

Tetradic

#F09BA8

#D3F09B

#9BF0E3

#B99BF0

Color Blindness Simulation

Original

#F09BA8

Protanopia

#CBCAA5

Deuteranopia

#D0D6A4

Tritanopia

#ECA2A2

Achromatopsia

#AEAEAE

CSS Usage

background-color: #F09BA8;
color: #F09BA8;
border-color: #F09BA8;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FCF3F4
100
#F8E2E5
200
#F6C1C9
300
#EF95A2
400
#E65B70
500
#DE213E
600
#B11B32
700
#8E1528
800
#6F111F
900
#51101A
950
#330A10

Contrast Checker

Text on white

2,11:1

AA Fail AAA Fail

Text on black

9,96: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