#F98F82

#F98F82

Color Values

HEX

#F98F82

RGB

249, 143, 130

HSL

6.6, 90.8%, 74.3%

HSV

6.6, 47.8%, 97.6%

CMYK

0.0%, 42.6%, 47.8%, 2.4%

OKLCH

0.76 0.1307 27.9

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F98F82

#82ECF9

Analogous

#F982B0

#F9CB82

#F98F82

Triadic

#F98F82

#82F98F

#8F82F9

Split Complementary

#F98F82

#82F9CB

#82B0F9

Tetradic

#F98F82

#B0F982

#82ECF9

#CB82F9

Color Blindness Simulation

Original

#F98F82

Protanopia

#CBCA85

Deuteranopia

#D1D986

Tritanopia

#F48888

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE2DF
200
#FCC2BB
300
#F9968A
400
#F65E4B
500
#F3250C
600
#C31E09
700
#9C1808
800
#7A1306
900
#581209
950
#380B06

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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