#F08782

#F08782

Color Values

HEX

#F08782

RGB

240, 135, 130

HSL

2.7, 78.6%, 72.5%

HSV

2.7, 45.8%, 94.1%

CMYK

0.0%, 43.8%, 45.8%, 5.9%

OKLCH

0.736 0.1291 23.6

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F08782

#82EBF0

Analogous

#F082B4

#F0BE82

#F08782

Triadic

#F08782

#82F087

#8782F0

Split Complementary

#F08782

#82F0BE

#82B4F0

Tetradic

#F08782

#B4F082

#82EBF0

#BE82F0

Color Blindness Simulation

Original

#F08782

Protanopia

#C3C283

Deuteranopia

#C9D084

Tritanopia

#EB8484

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FCF3F2
100
#F9E2E1
200
#F7C2BF
300
#F29692
400
#EB5D56
500
#E4241B
600
#B61D16
700
#921711
800
#72120E
900
#53110E
950
#340B09

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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