#FA7147

#FA7147

Color Values

HEX

#FA7147

RGB

250, 113, 71

HSL

14.1, 94.7%, 62.9%

HSV

14.1, 71.6%, 98.0%

CMYK

0.0%, 54.8%, 71.6%, 2.0%

OKLCH

0.707 0.1776 37.5

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FA7147

#47D0FA

Analogous

#FA4776

#FACB47

#FA7147

Triadic

#FA7147

#47FA71

#7147FA

Split Complementary

#FA7147

#47FACB

#4776FA

Tetradic

#FA7147

#76FA47

#47D0FA

#CB47FA

Color Blindness Simulation

Original

#FA7147

Protanopia

#BFBD51

Deuteranopia

#C7D154

Tritanopia

#F3595B

Achromatopsia

#8B8B8B

CSS Usage

background-color: #FA7147;
color: #FA7147;
border-color: #FA7147;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FEF4F1
100
#FCE6DF
200
#FDC9B9
300
#FCA388
400
#FA7147
500
#F84007
600
#C73305
700
#9F2904
800
#7C2003
900
#5A1B07
950
#391105

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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