#F4340B

#F4340B

Color Values

HEX

#F4340B

RGB

244, 52, 11

HSL

10.6, 91.4%, 50.0%

HSV

10.6, 95.5%, 95.7%

CMYK

0.0%, 78.7%, 95.5%, 4.3%

OKLCH

0.6279 0.2303 32.5

Properties

Warm Light Nearest: orangered 2

Color Harmonies

Complementary

#F4340B

#0BCBF4

Analogous

#F40B56

#F4A90B

#F4340B

Triadic

#F4340B

#0BF434

#340BF4

Split Complementary

#F4340B

#0BF4A9

#0B56F4

Tetradic

#F4340B

#56F40B

#0BCBF4

#A90BF4

Color Blindness Simulation

Original

#F4340B

Protanopia

#A19F15

Deuteranopia

#ACBA17

Tritanopia

#EA1D1E

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE4DF
200
#FCC6BB
300
#FA9E8A
400
#F7694A
500
#F4340B
600
#C32A09
700
#9C2107
800
#7A1A05
900
#581709
950
#380E05

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

5.34:1

AA Pass AAA Fail

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