#F89285

#F89285

Color Values

HEX

#F89285

RGB

248, 146, 133

HSL

6.8, 89.1%, 74.7%

HSV

6.8, 46.4%, 97.3%

CMYK

0.0%, 41.1%, 46.4%, 2.7%

OKLCH

0.7642 0.1256 28.1

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#F89285

#85EBF8

Analogous

#F885B1

#F8CC85

#F89285

Triadic

#F89285

#85F892

#9285F8

Split Complementary

#F89285

#85F8CC

#85B1F8

Tetradic

#F89285

#B1F885

#85EBF8

#CC85F8

Color Blindness Simulation

Original

#F89285

Protanopia

#CCCB88

Deuteranopia

#D2D989

Tritanopia

#F38B8B

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FBE3E0
200
#FBC3BB
300
#F8988B
400
#F5604D
500
#F1280E
600
#C1200B
700
#9A1909
800
#791407
900
#57120A
950
#370C06

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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