#F28313

#F28313

Color Values

HEX

#F28313

RGB

242, 131, 19

HSL

30.1, 89.6%, 51.2%

HSV

30.1, 92.1%, 94.9%

CMYK

0.0%, 45.9%, 92.1%, 5.1%

OKLCH

0.7193 0.1707 56.5

Properties

Warm Light Nearest: darkorange 2

Color Harmonies

Complementary

#F28313

#1382F2

Analogous

#F21313

#F2F213

#F28313

Triadic

#F28313

#13F283

#8313F2

Split Complementary

#F28313

#13F2F2

#1313F2

Tetradic

#F28313

#13F213

#1382F2

#F213F2

Color Blindness Simulation

Original

#F28313

Protanopia

#C2C12E

Deuteranopia

#C8D135

Tritanopia

#EC4448

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FBEDE0
200
#FBDBBB
300
#F9C28B
400
#F5A14C
500
#F2800D
600
#C1660B
700
#9B5208
800
#794007
900
#583109
950
#371F06

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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