#F48A4D

#F48A4D

Color Values

HEX

#F48A4D

RGB

244, 138, 77

HSL

21.9, 88.4%, 62.9%

HSV

21.9, 68.4%, 95.7%

CMYK

0.0%, 43.4%, 68.4%, 4.3%

OKLCH

0.7372 0.1496 48.8

Properties

Warm Light Nearest: sienna 2

Color Harmonies

Complementary

#F48A4D

#4DB7F4

Analogous

#F44D63

#F4DD4D

#F48A4D

Triadic

#F48A4D

#4DF48A

#8A4DF4

Split Complementary

#F48A4D

#4DF4DD

#4D63F4

Tetradic

#F48A4D

#63F44D

#4DB7F4

#DD4DF4

Color Blindness Simulation

Original

#F48A4D

Protanopia

#C6C55C

Deuteranopia

#CCD45F

Tritanopia

#EF676A

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FBEAE0
200
#FBD3BC
300
#F8B38C
400
#F48A4D
500
#F0610F
600
#C04E0C
700
#9A3E09
800
#783107
900
#57260A
950
#371806

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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