#F4300B

#F4300B

Color Values

HEX

#F4300B

RGB

244, 48, 11

HSL

9.5, 91.4%, 50.0%

HSV

9.5, 95.5%, 95.7%

CMYK

0.0%, 80.3%, 95.5%, 4.3%

OKLCH

0.6251 0.2327 31.9

Properties

Warm Light Nearest: red 2

Color Harmonies

Complementary

#F4300B

#0BCFF4

Analogous

#F40B5B

#F4A40B

#F4300B

Triadic

#F4300B

#0BF430

#300BF4

Split Complementary

#F4300B

#0BF4A4

#0B5BF4

Tetradic

#F4300B

#5BF40B

#0BCFF4

#A40BF4

Color Blindness Simulation

Original

#F4300B

Protanopia

#9F9D14

Deuteranopia

#AAB916

Tritanopia

#EA1B1D

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FDF3F1
100
#FBE4DF
200
#FCC5BB
300
#FA9C8A
400
#F7664A
500
#F4300B
600
#C32609
700
#9C1F07
800
#7A1805
900
#581509
950
#380D05

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.27:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026