#F98F48

#F98F48

Color Values

HEX

#F98F48

RGB

249, 143, 72

HSL

24.1, 93.7%, 62.9%

HSV

24.1, 71.1%, 97.6%

CMYK

0.0%, 42.6%, 71.1%, 2.4%

OKLCH

0.7512 0.1536 51.9

Properties

Warm Light Nearest: Mango Tango

Color Harmonies

Complementary

#F98F48

#48B2F9

Analogous

#F94859

#F9E848

#F98F48

Triadic

#F98F48

#48F98F

#8F48F9

Split Complementary

#F98F48

#48F9E8

#4859F9

Tetradic

#F98F48

#59F948

#48B2F9

#E848F9

Color Blindness Simulation

Original

#F98F48

Protanopia

#CBCA59

Deuteranopia

#D1D95D

Tritanopia

#F4676A

Achromatopsia

#A0A0A0

CSS Usage

background-color: #F98F48;
color: #F98F48;
border-color: #F98F48;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FDF6F1
100
#FBEADF
200
#FDD5BA
300
#FBB788
400
#F98F48
500
#F76808
600
#C65306
700
#9E4305
800
#7B3404
900
#592808
950
#381A05

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.05:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026