#F49147

#F49147

Color Values

HEX

#F49147

RGB

244, 145, 71

HSL

25.7, 88.7%, 61.8%

HSV

25.7, 70.9%, 95.7%

CMYK

0.0%, 40.6%, 70.9%, 4.3%

OKLCH

0.7481 0.1483 54.7

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#F49147

#47AAF4

Analogous

#F44754

#F4E847

#F49147

Triadic

#F49147

#47F491

#9147F4

Split Complementary

#F49147

#47F4E8

#4754F4

Tetradic

#F49147

#54F447

#47AAF4

#E847F4

Color Blindness Simulation

Original

#F49147

Protanopia

#C9C859

Deuteranopia

#CFD65D

Tritanopia

#EF676A

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBEBE0
200
#FBD7BC
300
#F8BA8C
400
#F4954D
500
#F16F0E
600
#C0590C
700
#9A4709
800
#783807
900
#572B0A
950
#371B06

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.99:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026