#F88575

#F88575

Color Values

HEX

#F88575

RGB

248, 133, 117

HSL

7.3, 90.3%, 71.6%

HSV

7.3, 52.8%, 97.3%

CMYK

0.0%, 46.4%, 52.8%, 2.7%

OKLCH

0.7405 0.1432 29.2

Properties

Warm Light Nearest: salmon

Color Harmonies

Complementary

#F88575

#75E8F8

Analogous

#F875A7

#F8C675

#F88575

Triadic

#F88575

#75F885

#8575F8

Split Complementary

#F88575

#75F8C6

#75A7F8

Tetradic

#F88575

#A7F875

#75E8F8

#C675F8

Color Blindness Simulation

Original

#F88575

Protanopia

#C6C579

Deuteranopia

#CDD67A

Tritanopia

#F27C7D

Achromatopsia

#9C9C9C

CSS Usage

background-color: #F88575;
color: #F88575;
border-color: #F88575;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FDF3F1
100
#FBE3DF
200
#FCC3BB
300
#F9988B
400
#F6604B
500
#F3280C
600
#C2200A
700
#9B1A08
800
#791406
900
#581309
950
#370C06

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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