#F4980B

#F4980B

Color Values

HEX

#F4980B

RGB

244, 152, 11

HSL

36.3, 91.4%, 50.0%

HSV

36.3, 95.5%, 95.7%

CMYK

0.0%, 37.7%, 95.5%, 4.3%

OKLCH

0.7568 0.1652 67.2

Properties

Warm Light Nearest: orange 2

Color Harmonies

Complementary

#F4980B

#0B67F4

Analogous

#F4230B

#DCF40B

#F4980B

Triadic

#F4980B

#0BF498

#980BF4

Split Complementary

#F4980B

#0BDCF4

#230BF4

Tetradic

#F4980B

#0BF423

#0B67F4

#F40BDC

Color Blindness Simulation

Original

#F4980B

Protanopia

#CCCB2D

Deuteranopia

#D2D835

Tritanopia

#EF484E

Achromatopsia

#A1A1A1

CSS Usage

background-color: #F4980B;
color: #F4980B;
border-color: #F4980B;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FCE2BB
300
#FACE8A
400
#F7B34A
500
#F4980B
600
#C37A09
700
#9C6107
800
#7A4C05
900
#583909
950
#382405

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026