#F8884A

#F8884A

Color Values

HEX

#F8884A

RGB

248, 136, 74

HSL

21.4, 92.6%, 63.1%

HSV

21.4, 70.2%, 97.3%

CMYK

0.0%, 45.2%, 70.2%, 2.7%

OKLCH

0.7389 0.1562 47.7

Properties

Warm Light Nearest: sienna 1

Color Harmonies

Complementary

#F8884A

#4ABAF8

Analogous

#F84A63

#F8DF4A

#F8884A

Triadic

#F8884A

#4AF888

#884AF8

Split Complementary

#F8884A

#4AF8DF

#4A63F8

Tetradic

#F8884A

#63F84A

#4ABAF8

#DF4AF8

Color Blindness Simulation

Original

#F8884A

Protanopia

#C7C759

Deuteranopia

#CED65D

Tritanopia

#F26567

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBE9DF
200
#FCD2BA
300
#FAB289
400
#F88849
500
#F65E09
600
#C44B08
700
#9D3C06
800
#7B2F05
900
#592508
950
#381705

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.61:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026