#FA7C48

#FA7C48

Color Values

HEX

#FA7C48

RGB

250, 124, 72

HSL

17.5, 94.7%, 63.1%

HSV

17.5, 71.2%, 98.0%

CMYK

0.0%, 50.4%, 71.2%, 2.0%

OKLCH

0.7229 0.1679 42.0

Properties

Warm Light Nearest: coral

Color Harmonies

Complementary

#FA7C48

#48C6FA

Analogous

#FA486D

#FAD548

#FA7C48

Triadic

#FA7C48

#48FA7C

#7C48FA

Split Complementary

#FA7C48

#48FAD5

#486DFA

Tetradic

#FA7C48

#6DFA48

#48C6FA

#D548FA

Color Blindness Simulation

Original

#FA7C48

Protanopia

#C3C255

Deuteranopia

#CBD458

Tritanopia

#F45F61

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE7DF
200
#FDCDB9
300
#FCAA88
400
#FA7B47
500
#F84D07
600
#C73E05
700
#9F3104
800
#7C2703
900
#5A1F07
950
#391405

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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