#F08089

#F08089

Color Values

HEX

#F08089

RGB

240, 128, 137

HSL

355.2, 78.9%, 72.2%

HSV

355.2, 46.7%, 94.1%

CMYK

0.0%, 46.7%, 42.9%, 5.9%

OKLCH

0.7267 0.1373 16.0

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F08089

#80F0E7

Analogous

#F080C1

#F0AF80

#F08089

Triadic

#F08089

#89F080

#8089F0

Split Complementary

#F08089

#80F0AF

#80C1F0

Tetradic

#F08089

#C1F080

#80F0E7

#AF80F0

Color Blindness Simulation

Original

#F08089

Protanopia

#BFBF87

Deuteranopia

#C6CE86

Tritanopia

#EA8585

Achromatopsia

#989898

CSS Usage

background-color: #F08089;
color: #F08089;
border-color: #F08089;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FCF2F3
100
#F9E1E3
200
#F7BFC4
300
#F29299
400
#EB5662
500
#E41B2B
600
#B61622
700
#92111C
800
#720D15
900
#530E14
950
#34090C

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026