#F85B49

#F85B49

Color Values

HEX

#F85B49

RGB

248, 91, 73

HSL

6.2, 92.6%, 62.9%

HSV

6.2, 70.6%, 97.3%

CMYK

0.0%, 63.3%, 70.6%, 2.7%

OKLCH

0.6762 0.1953 29.6

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#F85B49

#49E6F8

Analogous

#F8498E

#F8B249

#F85B49

Triadic

#F85B49

#49F85B

#5B49F8

Split Complementary

#F85B49

#49F8B2

#498EF8

Tetradic

#F85B49

#8EF849

#49E6F8

#B249F8

Color Blindness Simulation

Original

#F85B49

Protanopia

#B4B34D

Deuteranopia

#BDC94E

Tritanopia

#F05152

Achromatopsia

#7B7B7B

CSS Usage

background-color: #F85B49;
color: #F85B49;
border-color: #F85B49;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF3F1
100
#FBE2DF
200
#FCC1BA
300
#FA9589
400
#F85B49
500
#F62209
600
#C41B08
700
#9D1606
800
#7B1105
900
#591008
950
#380A05

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

6.58:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026