#F2380D

#F2380D

Color Values

HEX

#F2380D

RGB

242, 56, 13

HSL

11.3, 89.8%, 50.0%

HSV

11.3, 94.6%, 94.9%

CMYK

0.0%, 76.9%, 94.6%, 5.1%

OKLCH

0.6274 0.2259 33.0

Properties

Warm Light Nearest: RAL 2004 Pure Orange

Color Harmonies

Complementary

#F2380D

#0DC7F2

Analogous

#F20D54

#F2AB0D

#F2380D

Triadic

#F2380D

#0DF238

#380DF2

Split Complementary

#F2380D

#0DF2AB

#0D54F2

Tetradic

#F2380D

#54F20D

#0DC7F2

#AB0DF2

Color Blindness Simulation

Original

#F2380D

Protanopia

#A1A017

Deuteranopia

#ACBA1A

Tritanopia

#E92021

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FDF4F2
100
#FBE5E0
200
#FBC7BB
300
#F9A08B
400
#F56C4C
500
#F2380D
600
#C22D0A
700
#9B2408
800
#791C07
900
#581809
950
#370F06

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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