#F87449

#F87449

Color Values

HEX

#F87449

RGB

248, 116, 73

HSL

14.7, 92.6%, 62.9%

HSV

14.7, 70.6%, 97.3%

CMYK

0.0%, 53.2%, 70.6%, 2.7%

OKLCH

0.7086 0.1722 38.4

Properties

Warm Light Nearest: coral

Color Harmonies

Complementary

#F87449

#49CDF8

Analogous

#F84975

#F8CB49

#F87449

Triadic

#F87449

#49F874

#7449F8

Split Complementary

#F87449

#49F8CB

#4975F8

Tetradic

#F87449

#75F849

#49CDF8

#CB49F8

Color Blindness Simulation

Original

#F87449

Protanopia

#BFBE53

Deuteranopia

#C6D056

Tritanopia

#F15C5D

Achromatopsia

#8D8D8D

CSS Usage

background-color: #F87449;
color: #F87449;
border-color: #F87449;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FCCABA
300
#FAA589
400
#F87449
500
#F64309
600
#C43608
700
#9D2B06
800
#7B2205
900
#591C08
950
#381205

Contrast Checker

Text on white

2.77:1

AA Fail AAA Fail

Text on black

7.59:1

AA Pass AAA Pass

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