#F0330F

#F0330F

Color Values

HEX

#F0330F

RGB

240, 51, 15

HSL

9.6, 88.2%, 50.0%

HSV

9.6, 93.8%, 94.1%

CMYK

0.0%, 78.8%, 93.8%, 5.9%

OKLCH

0.6202 0.2271 32.1

Properties

Warm Light Nearest: RAL 2009 Traffic Orange

Color Harmonies

Complementary

#F0330F

#0FCCF0

Analogous

#F00F5C

#F0A30F

#F0330F

Triadic

#F0330F

#0FF033

#330FF0

Split Complementary

#F0330F

#0FF0A3

#0F5CF0

Tetradic

#F0330F

#5CF00F

#0FCCF0

#A30FF0

Color Blindness Simulation

Original

#F0330F

Protanopia

#9E9D18

Deuteranopia

#A9B71A

Tritanopia

#E71F20

Achromatopsia

#595959

CSS Usage

background-color: #F0330F;
color: #F0330F;
border-color: #F0330F;
Nearest Tailwind: Red 600 #DC2626

Tailwind Shades

50
#FDF3F2
100
#FBE4E0
200
#FBC6BC
300
#F89D8C
400
#F4684D
500
#F0330F
600
#C0290C
700
#9A210A
800
#781A08
900
#57160A
950
#370E06

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

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