#F38087

#F38087

Color Values

HEX

#F38087

RGB

243, 128, 135

HSL

356.3, 82.7%, 72.7%

HSV

356.3, 47.3%, 95.3%

CMYK

0.0%, 47.3%, 44.4%, 4.7%

OKLCH

0.7301 0.1408 17.4

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F38087

#80F3EC

Analogous

#F380C0

#F3B280

#F38087

Triadic

#F38087

#87F380

#8087F3

Split Complementary

#F38087

#80F3B2

#80C0F3

Tetradic

#F38087

#C0F380

#80F3EC

#B280F3

Color Blindness Simulation

Original

#F38087

Protanopia

#C1C085

Deuteranopia

#C8D085

Tritanopia

#ED8484

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC1
300
#F48F95
400
#EF535C
500
#E91623
600
#BA121C
700
#950E16
800
#740B12
900
#550C11
950
#35080B

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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