#F88F82

#F88F82

Color Values

HEX

#F88F82

RGB

248, 143, 130

HSL

6.6, 89.4%, 74.1%

HSV

6.6, 47.6%, 97.3%

CMYK

0.0%, 42.3%, 47.6%, 2.7%

OKLCH

0.7588 0.1295 28.0

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F88F82

#82EBF8

Analogous

#F882B0

#F8CA82

#F88F82

Triadic

#F88F82

#82F88F

#8F82F8

Split Complementary

#F88F82

#82F8CA

#82B0F8

Tetradic

#F88F82

#B0F882

#82EBF8

#CA82F8

Color Blindness Simulation

Original

#F88F82

Protanopia

#CBCA85

Deuteranopia

#D1D886

Tritanopia

#F38888

Achromatopsia

#A4A4A4

CSS Usage

background-color: #F88F82;
color: #F88F82;
border-color: #F88F82;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FDF3F2
100
#FBE3E0
200
#FBC2BB
300
#F9978B
400
#F55F4C
500
#F1270E
600
#C11F0B
700
#9B1909
800
#791307
900
#571209
950
#370B06

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

9.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