#F2770D

#F2770D

Color Values

HEX

#F2770D

RGB

242, 119, 13

HSL

27.8, 89.8%, 50.0%

HSV

27.8, 94.6%, 94.9%

CMYK

0.0%, 50.8%, 94.6%, 5.1%

OKLCH

0.7005 0.1786 51.3

Properties

Warm Light Nearest: darkorange 2

Color Harmonies

Complementary

#F2770D

#0D88F2

Analogous

#F20D15

#F2EA0D

#F2770D

Triadic

#F2770D

#0DF277

#770DF2

Split Complementary

#F2770D

#0DF2EA

#0D15F2

Tetradic

#F2770D

#15F20D

#0D88F2

#EA0DF2

Color Blindness Simulation

Original

#F2770D

Protanopia

#BDBC27

Deuteranopia

#C4CD2D

Tritanopia

#EC3B3F

Achromatopsia

#898989

CSS Usage

background-color: #F2770D;
color: #F2770D;
border-color: #F2770D;
Nearest Tailwind: Orange 500 #F97316

Tailwind Shades

50
#FDF7F2
100
#FBECE0
200
#FBD9BB
300
#F9BE8B
400
#F59A4C
500
#F2770D
600
#C25F0A
700
#9B4C08
800
#793C07
900
#582E09
950
#371D06

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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