#F2830D

#F2830D

Color Values

HEX

#F2830D

RGB

242, 131, 13

HSL

30.9, 89.8%, 50.0%

HSV

30.9, 94.6%, 94.9%

CMYK

0.0%, 45.9%, 94.6%, 5.1%

OKLCH

0.7191 0.1715 56.9

Properties

Warm Light Nearest: darkorange 2

Color Harmonies

Complementary

#F2830D

#0D7CF2

Analogous

#F2100D

#EFF20D

#F2830D

Triadic

#F2830D

#0DF283

#830DF2

Split Complementary

#F2830D

#0DEFF2

#100DF2

Tetradic

#F2830D

#0DF210

#0D7CF2

#F20DEF

Color Blindness Simulation

Original

#F2830D

Protanopia

#C2C12A

Deuteranopia

#C8D130

Tritanopia

#EC4045

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FBEEE0
200
#FBDCBB
300
#F9C38B
400
#F5A34C
500
#F2830D
600
#C2690A
700
#9B5408
800
#794107
900
#583209
950
#371F06

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

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