#F4520B

#F4520B

Color Values

HEX

#F4520B

RGB

244, 82, 11

HSL

18.3, 91.4%, 50.0%

HSV

18.3, 95.5%, 95.7%

CMYK

0.0%, 66.4%, 95.5%, 4.3%

OKLCH

0.6551 0.2088 38.4

Properties

Warm Light Nearest: RAL 2004 Pure Orange

Color Harmonies

Complementary

#F4520B

#0BADF4

Analogous

#F40B38

#F4C70B

#F4520B

Triadic

#F4520B

#0BF452

#520BF4

Split Complementary

#F4520B

#0BF4C7

#0B38F4

Tetradic

#F4520B

#38F40B

#0BADF4

#C70BF4

Color Blindness Simulation

Original

#F4520B

Protanopia

#AEAC1C

Deuteranopia

#B7C320

Tritanopia

#EC2A2D

Achromatopsia

#6F6F6F

CSS Usage

background-color: #F4520B;
color: #F4520B;
border-color: #F4520B;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FDF5F1
100
#FBE8DF
200
#FCCFBB
300
#FAAC8A
400
#F77F4A
500
#F4520B
600
#C34209
700
#9C3507
800
#7A2905
900
#582109
950
#381505

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

6.06:1

AA Pass AAA Fail

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