#F4880B

#F4880B

Color Values

HEX

#F4880B

RGB

244, 136, 11

HSL

32.2, 91.4%, 50.0%

HSV

32.2, 95.5%, 95.7%

CMYK

0.0%, 44.3%, 95.5%, 4.3%

OKLCH

0.7298 0.1709 58.9

Properties

Warm Light Nearest: darkorange

Color Harmonies

Complementary

#F4880B

#0B77F4

Analogous

#F4140B

#EBF40B

#F4880B

Triadic

#F4880B

#0BF488

#880BF4

Split Complementary

#F4880B

#0BEBF4

#140BF4

Tetradic

#F4880B

#0BF414

#0B77F4

#F40BEB

Color Blindness Simulation

Original

#F4880B

Protanopia

#C5C429

Deuteranopia

#CCD430

Tritanopia

#EF4146

Achromatopsia

#969696

CSS Usage

background-color: #F4880B;
color: #F4880B;
border-color: #F4880B;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF8F1
100
#FBEEDF
200
#FCDEBB
300
#FAC68A
400
#F7A74A
500
#F4880B
600
#C36D09
700
#9C5707
800
#7A4405
900
#583309
950
#382005

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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